Properti align-content untuk tata letak blok kini menjadi bagian dari Dasar Pengukuran

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.

Perayaan: Fitur web ini kini tersedia di ketiga mesin browser utama, dan menjadi Dasar yang Baru Tersedia mulai 16 April 2024.

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.