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

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

  • Chrome: 123.
  • Edge: 123.
  • Firefox: 125.
  • Safari: 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.