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

积累知识，胜过积蓄金银！毕竟在文章开发的过程中，会遇到各种各样的问题，往往都是一些细节知识点还没有掌握好而导致的，因此基础知识点的积累是很重要的。下面本文《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。

到这里，我们也就讲完了《Row-Col 布局中如何设置 Col 元素的上下间距？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！