Properti align-content untuk tata letak blok kini menjadi bagian dari Dasar Pengukuran
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Rachel Andrew
Dipublikasikan: 17 April 2024
Anda kini dapat menggunakan properti align-content dari Penyesuaian Kotak CSS
pada tata letak blok dan tabel. Hal ini akan memungkinkan perataan arah blok tanpa
perlu membuat tata letak fleksibel atau petak.
Browser Support
123
123
125
17.4
Tugas yang dulunya mustahil untuk memusatkan item secara vertikal menjadi lebih mudah dengan flexbox dan petak, serta properti align-content. Namun, hal ini melibatkan pembuatan tata letak fleksibel atau petak hanya untuk melakukan penyesuaian ini.
Properti ditentukan untuk tata letak blok, dan dalam beberapa bulan terakhir, ketiga mesin telusur utama telah meluncurkan fitur ini.
Dengan align-content yang tersedia untuk tata letak blok, Anda dapat mencapai perataan vertikal tanpa perlu membuat tata letak fleksibel atau petak agar properti berfungsi. Tidak ada properti tambahan yang diperlukan karena item tetap menjadi item blok, satu-satunya perubahan adalah pada perataan.
Properti align-content
memusatkan heading secara vertikal dalam penampung blok.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2024-04-17 UTC."],[],[]]