區分網格佈局中的對齊項目與對齊內容 使用網格佈局時,了解「對齊/對齊」之間的區別-items」和「justify/align-content」至關重要。本文旨在澄清它們的差異,特別是關於由於網格大小小於容器的場景而存在「-content」屬性的說法。 定義術語 網格容器:網格和網格項目的父容器,建立網格格式化上下文。 >網格:垂直和交叉相交將容器劃分為包含網格項目的網格區域的水平線。流內內容框。網格。 🎜>「-content」屬性僅因網格而存在的說法可能比容器小,這是有誤導性的。網格垂直居中,並為justify-content 留出空間使其右對齊。 >規格摘要 justify-self/justify-items:網格項的內聯軸對齊。 align-self/align-items:網格項目的塊軸對齊。時,容器內的網格對齊。