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

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

Поддержка браузера

  • 123
  • 123
  • 125
  • 17,4

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

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

Свойство align-content центрирует заголовок по вертикали внутри блочного контейнера.