html Css Flex(BootStrap行)

sg2wtvxw 于 4个月前发布在 Bootstrap

关注(0)|答案(1)|浏览(52)

如何在下图中的4个div之间添加间距

的数据
在这里，您可以看到4个div彼此对齐
单个div的代码是：

<div class="col-lg-3 col-md-4 col-sm-6 mb-5 text-center">....</div>

字符串
这些div的父元素是：

<div class="d-flex row mx-auto" style={{ justifyContent: "space-around",alignContent:'center' }}>
....
</div>

型
完整的树是：

<div className="container mt-5 mb-5">
    <div class="d-flex row mx-auto" style={{ justifyContent: "space-around",alignContent:'center' }}>
        <div class="col-lg-3 col-md-4 col-sm-6 mb-5 text-center">
         ....
         ....
        </div>
    </div>
</div>

型

Html

来源：https://stackoverflow.com/questions/77713827/css-flex-bootstrap-row

1条答案

按热度按时间

r3i60tvu1#

你有没有试过给每个div加上 margin？

<div class="col-lg-3 col-md-4 col-sm-6 mb-5 text-center" style="margin: 10px">....</div>

字符串
一旦它工作了，你以后就可以扩展到一个自定义类。

.spacing {
  margin: 10px;
}

<div class="col-lg-3 col-md-4 col-sm-6 mb-5 text-center spacing">....</div>

型

赞(0）回复(0）举报 4个月前

我来回答

html Css Flex(BootStrap行)

1条答案

相关问题

热门标签

最新问答