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

Rachel Andrew

您現在可以在區塊和表格版面配置上使用 CSS Box 對齊的 align-content 屬性。這樣就能讓區塊方向對齊，無需建立彈性或格狀版面配置。

瀏覽器支援

  • 123
  • 123
  • 125
  • 17.4

透過 Flexbox、格線與 align-content 屬性，過去將項目垂直置中執行不可能的操作，現已變得簡單。然而，這確實涉及建立彈性或格線版面配置，而不是進行這項對齊作業。該屬性已指定用於區塊版面配置，而過去幾個月來，這三個主要引擎都已推出這項功能。

針對區塊版面配置，您可以使用 align-content 來實現垂直對齊，而不需要建立彈性或格線版面配置，屬性就能運作。由於項目仍是區塊項目，因此不需要其他屬性，唯一的更動是對齊方式。

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