我希望卡片 div 在容器 div 的中心对齐。但是..正如你所看到的那样
谁能帮帮我?
如果如下html代码:
<div class="container">
<div class="card">
<div id="cart_image"></div>
<div id="cart_author"></div>
<div id="cart_desc"></div>
</div>
</div>
和这个CSS代码:
<style>
.container {
width: 100%;
background: silver;
max-width: 1400px;
margin: 0 auto;
}
.card {
margin: 2px;
width: 32%;
height: 250px;
background: black;
box-sizing: border-box;
float: left;
}
</style>
最佳答案
在“容器”类中,添加以下 CSS:
宽度:100%;
边距:0px 自动;
应该做。
关于html - margin 自动在 float div 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41768622/