Blok düzenleri için hizalama içerik özelliği artık Temel'in bir parçası

Yayınlanma tarihi: 17 Nisan 2024

Artık blok ve tablo düzenlerinde CSS Box Alignment'taki align-content özelliğini kullanabilirsiniz. Bu sayede, esnek veya ızgara düzeni oluşturmaya gerek kalmadan blok yönü hizalaması yapılabilir.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: 125.
  • Safari: 17.4.

Bir öğeyi dikey olarak ortalama gibi bir zamanlar imkansız olan görev, align-content özelliğiyle birlikte flexbox ve grid sayesinde kolaylaştı. Ancak bu, hizalamayı yapmaktan başka bir amaç olmadan esnek veya ızgara düzeni oluşturmayı içeriyordu. Mülk, blok düzeni için belirtildi ve son birkaç ay içinde üç büyük motorun tümü bu özelliği kullanıma sundu.

Blok düzeni için align-content özelliği sayesinde, mülkün çalışması için esnek veya ızgara düzeni oluşturmanıza gerek kalmadan dikey hizalama elde edebilirsiniz. Öğe, blok öğe olarak kalmaya devam ettiğinden ek özellik gerekmez. Tek değişiklik hizalamada yapılır.

align-content özelliği, başlığı bir blok kapsayıcı içinde dikey olarak ortalar.