用于块布局的 align-content 属性现在是 Baseline 的一部分

Rachel Andrew

发布时间：2024年4月17日

您现在可以在块布局和表格布局上使用 CSS 框对齐中的 align-content 属性。这将允许块方向对齐，而无需创建 flex 或 grid 布局。

浏览器支持

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

曾经不可能实现的垂直居中项目任务，通过 flexbox 和 grid 以及 align-content 属性变得更加容易。然而，这确实涉及到创建 flex 或 grid 布局，而仅仅是为了进行这种对齐。该属性是为块布局指定的，在过去几个月中，所有三个主要引擎都发布了此功能。

随着 align-content 可用于块布局，您可以实现垂直对齐，而无需为使该属性生效而创建 flex 或 grid 布局。不需要额外的属性，因为项目仍然是块项目，唯一的改变是对齐方式。

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