理解CSS 網格佈局中Align-Items 和Align-Content 的區別
網格佈局綜合指南中,“justify/align-items”的概念”和「justify/align-content」屬性被引入。組件
網格容器:- 包含網格及其項目的父元素,建立格式化上下文。形成區域的相交線網格用於佔據網格項目。和網格項目的對齊 justify-content 和align-content 屬性控制網格在其容器內的對齊方式,而justify-self、justify-items、align-self 和align-items 則控制各個網格項目的對齊方式。映像]
- 在這種情況下, justify-content 和align-content 屬性可用於分配額外的空間。 。之類的間距選項,這些選項在網格軌道之間分配可用空間。 >10.3:行軸對齊:
justify-self 和justify-items 水平對齊網格項目。和align-items 垂直對齊網格項目。的內容邊緣不符。
以上是CSS 網格佈局中的「align-items」和「align-content」有何不同?的詳細內容。更多資訊請關注PHP中文網其他相關文章!