區塊版面配置的 align-content 屬性現已納入基準

Rachel Andrew

發布日期：2024 年 4 月 17 日

您現在可以在區塊和表格版面配置中使用 CSS Box Alignment 的 align-content 屬性。這樣一來，您就不必建立彈性或格線版面配置，即可對齊區塊方向。

Browser Support

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

有了彈性盒模型和格線，以及 align-content 屬性，垂直置中項目這項原本不可能的任務變得簡單許多。不過，這確實需要建立彈性或格線版面配置，但目的僅是為了對齊。這項屬性是為區塊版面配置所指定，且在過去幾個月內，所有三種主要引擎都已推出這項功能。

有了適用於區塊版面配置的 align-content，您不必為屬性建立彈性或格線版面配置，即可實現垂直對齊。由於項目仍為區塊項目，因此不需要其他屬性，唯一變更的是對齊方式。

align-content 屬性會將標題在區塊容器中垂直置中。