css - 在有组织的列系统中居中一个 div

Question

我正在创建一个网页，并希望使用一个类似于 foundations/bootstrap 的系统，其中包含已定义的列和行。我对目前所拥有的感到满意，但是我不确定如何在一行中居中列，同时仍然使用定义的网格系统。 我知道通常 html 的格式如下:

 <div class="column column-6 center">

http://codepen.io/Kiwimoose/pen/dpvEqO

是我目前所拥有的， 我只是不确定“中心”标签在基础中通常是如何格式化的。我希望第二行中的列居中，以及将来的其他列。

Answer 1

您的代码没问题，您只需更改 CSS 中的顺序:

.column {
    position: relative;
    float: left;
    display: block;
}

.center {
    margin:auto;
    float:none;
}

在 .center 类之后的样式。列类，它将起作用。 顺便说一句，稍微清理一下代码是个好主意。