如何使用 row-col 布局设置组件之间的上下间距？

row-col 布局实现默认间距

在使用 row-col 布局时，如何定义并设置组件之间的上下间距？

问题详情：

代码

zuojiankuohaophpcnfooter id="footer"youjiankuohaophpcn
    zuojiankuohaophpcndiv class="rxc-wrap el-page-container bg-dark text-light"youjiankuohaophpcn
        zuojiankuohaophpcndiv class="container py-5"youjiankuohaophpcn
            zuojiankuohaophpcndiv class="row"youjiankuohaophpcn
                zuojiankuohaophpcndiv class="col-12 col-lg-3"youjiankuohaophpcn
                    zuojiankuohaophpcnh4 class="el-title font-weight-normal mb-3 pb-2"youjiankuohaophpcnAboutzuojiankuohaophpcn/h4youjiankuohaophpcn
                    zuojiankuohaophpcnul class="list-unstyled mb-0 d-flex flex-column" style="gap: .5rem"youjiankuohaophpcn
                        zuojiankuohaophpcnliyoujiankuohaophpcn
                            zuojiankuohaophpcna href="?part=about-headmaster" class="text-light"youjiankuohaophpcnHeadmasterzuojiankuohaophpcn/ayoujiankuohaophpcn
                        zuojiankuohaophpcn/liyoujiankuohaophpcn
                        zuojiankuohaophpcnliyoujiankuohaophpcn
                            zuojiankuohaophpcna href="?part=about-our-values" class="text-light"youjiankuohaophpcnOur Valueszuojiankuohaophpcn/ayoujiankuohaophpcn
                        zuojiankuohaophpcn/liyoujiankuohaophpcn
                        zuojiankuohaophpcnliyoujiankuohaophpcn
                            zuojiankuohaophpcna href="?part=about-history" class="text-light"youjiankuohaophpcnHistoryzuojiankuohaophpcn/ayoujiankuohaophpcn
                        zuojiankuohaophpcn/liyoujiankuohaophpcn
                    zuojiankuohaophpcn/ulyoujiankuohaophpcn
                zuojiankuohaophpcn/divyoujiankuohaophpcn
            zuojiankuohaophpcn/divyoujiankuohaophpcn
        zuojiankuohaophpcn/divyoujiankuohaophpcn
    zuojiankuohaophpcn/divyoujiankuohaophpcn
zuojiankuohaophpcn/footeryoujiankuohaophpcn

使用 gap 属性可以定义 li 之间的上下间距，但是要如何定义 col 的上下间距？ row 外面有一层 padding，直接给 col 设置 margin-bottom 会导致底下内容被撑开。

Hitems

HITEMS是一个AI驱动的创意设计平台，支持一键生成产品

下载

解决方案：

给 div.row 添加 row-gap: 2rem;。