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

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

瀏覽器支援

  • 123
  • 123
  • 125
  • 17.4

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

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

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