HTML / CSS使用float将对象置于中心

Question

所以我遇到了这个问题，我想在中心对齐对象，但这些对象有float：left;

这就是它100％的样子

这就是150％的样子

代码：

.holder {
text-align: center;
display: table;
margin: auto;
}

.box {
width: 360px;
height: 130px;
border-radius: 2px;
position: relative;
float: left;
margin-left: 10px;
margin-top: 10px;
}

HTML代码：

<div class="holder">
<div class="box">
</div>
<div class="box">
</div>
<div class="box">
</div>
</div>

Answer 1

如果您使用float:left，则会忽略该属性text-align:center，因此您可以使用display:inline-block而不是float:left来完善它。

尝试一次！