Свойство align-content для макетов блоков теперь является частью Baseline.

Rachel Andrew

Опубликовано: 17 апреля 2024 г.

Теперь вы можете использовать свойство align-content из CSS-кода `Box Alignment` для блочных и табличных макетов. Это позволит выравнивать блоки по направлению без необходимости создания гибкого или сетчатого макета.

Задача вертикального центрирования элемента, ранее казавшаяся невыполнимой, упростилась благодаря flexbox и grid, а также свойству align-content . Однако для этого требовалось создание макета flexbox или grid, и единственной целью было именно это выравнивание. Это свойство было предусмотрено для блочной компоновки, и за последние несколько месяцев все три основных движка для верстки добавили эту функцию.

Благодаря наличию align-content для блочной компоновки, вы можете добиться вертикального выравнивания без необходимости создания гибкой или сеточной компоновки для работы этого свойства. Дополнительные свойства не требуются, поскольку элемент остается блочным, изменение касается только выравнивания.