间距 (Gap)

定义行与列之间的间隔。

gap 属性定义了 Flexbox 和 Grid 布局中行与行、列与列之间的间距（沟槽）。它是 CSS 中 row-gap 和 column-gap 的简写，在 Taffy 中表示为 Size<LengthPercentage>。

取值

gap 接受一个包含 width（列间距）和 height（行间距）的 Size 对象，通常以像素或百分比为单位。

在 Flex 行布局中，width 分隔同一行的子元素，height 分隔换行后的行；列布局中，height 分隔同一列的子元素，width 分隔换行后的列。justifyContent / alignContent 还可能在 gap 之外分配额外空间。

示例

后续步骤

• Flex 方向 (Flex Direction)
• 外边距 (Margin)