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

Sekarang Anda dapat menggunakan properti align-content dari CSS Box Alignment pada tata letak blok dan tabel. Ini akan memungkinkan penyelarasan arah blok tanpa perlu membuat tata letak fleksibel atau {i>grid<i}.

Dukungan Browser

  • 123
  • 123
  • 125
  • 17,4

Tugas yang sebelumnya tidak mungkin menempatkan item di tengah secara vertikal menjadi lebih mudah dengan flexbox dan petak, beserta properti align-content. Namun, tindakan ini melibatkan pembuatan tata letak fleksibel atau petak tanpa alasan selain melakukan penyelarasan ini. Properti ditentukan untuk tata letak blok, dan dalam beberapa bulan terakhir, ketiga mesin utama telah meluncurkan fitur tersebut.

Dengan align-content yang tersedia untuk tata letak blok, Anda dapat mencapai perataan vertikal tanpa perlu membuat tata letak fleksibel atau petak agar properti dapat berfungsi. Tidak ada properti tambahan yang diperlukan karena item tetap menjadi item blok, satu-satunya perubahan adalah pada perataan.

Properti align-content mengpusatkan heading secara vertikal dalam container blok.