Właściwość „Wyrównaj-treść” w układach bloków jest teraz częścią wymiaru Baseline.

Opublikowano: 17 kwietnia 2024 r.

W przypadku układów blokowych i tabel możesz teraz używać właściwości align-content z modułu CSS Box Alignment. Umożliwi to wyrównanie kierunku bloku bez konieczności tworzenia układu elastycznego lub siatki.

Browser Support

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

Niegdyś niemożliwe zadanie wyśrodkowania elementu w pionie stało się łatwiejsze dzięki flexboxowi i siatce, a także właściwości align-content. Wymagało to jednak utworzenia układu elastycznego lub siatki tylko po to, aby wykonać to wyrównanie. Właściwość została określona dla układu blokowego, a w ciągu ostatnich kilku miesięcy wszystkie 3 główne silniki udostępniły tę funkcję.

Dzięki właściwości align-content dostępnej w przypadku układu blokowego możesz uzyskać wyrównanie w pionie bez konieczności tworzenia układu elastycznego lub siatki. Nie są potrzebne żadne dodatkowe właściwości, ponieważ element pozostaje elementem blokowym. Jedyną zmianą jest wyrównanie.

Właściwość align-content wyśrodkowuje nagłówek w pionie w kontenerze bloku.