如何在下图中的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>
型
1条答案
按热度按时间r3i60tvu1#
你有没有试过给每个div加上 margin?
字符串
一旦它工作了,你以后就可以扩展到一个自定义类。
型