块布局的 align-content 属性现在已纳入基准

Rachel Andrew

发布时间：2024 年 4 月 17 日

现在，您可以在块布局和表格布局中使用 CSS Box Alignment 中的 align-content 属性。这样便可实现块方向对齐，而无需创建 flex 或网格布局。

Browser Support

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

曾经难以实现的垂直居中任务，现在通过 flexbox 和网格以及 align-content 属性变得更加简单。不过，这确实需要创建 flex 或网格布局，而没有其他原因。该属性已指定为块布局，并且在过去几个月内，所有三个主要引擎都已发布该功能。

借助适用于块布局的 align-content，您可以实现垂直对齐，而无需创建 flex 或网格布局即可使该属性正常运行。由于该项仍为块级项，因此无需添加其他属性，只需更改对齐方式即可。

align-content 属性可使标题在块容器内垂直居中。