Row-Col 布局中如何设置 Col 元素的上下间距？

row-col 布局中定义 col 之间的上下间距

在使用 row-col 布局时，可以使用 gap 属性定义 li 等元素的上下间距。gap 属性定义不同 flex 项目之间的间距，但它不适用于 col 元素。

要定义 col 元素之间的上下间距，可以在 div.row 容器上设置 row-gap 属性：

div.row {
  row-gap: 2rem;
}

这样，col 元素之间的垂直间距就为 2 个单位，例如 rem。