css - 水平对齐容器？ (最简单的方法？)CSS

Question

水平对齐容器的最佳方式是什么？因为我真的不想创建 3 个单独的 div 容器...举个例子:我基本上只想在我的网页中央水平排列三个盒子/容器。

Answer 1

HTML:

<div class="float"></div>
<div class="float"></div>
<div class="float"></div>

CSS:

.float {
    width:33.33%;
    height:400px;
    float:left;
}

或者:

.float {
    width:33.33%;
    height:400px;
    display:inline-block;
}

Demonstration

您可以使用 float 或 display 属性来水平对齐它们。