html - 使用骨架样板；垂直对齐容器

Question

我想让我的容器垂直居中。任何人都知道如何使用骨架样板来做到这一点？我已经尝试了一些东西，但它继续保持在顶部而不是垂直对齐。希望有人能帮助我:)

HTML:

<div class="container">
<div class="sixteen columns">
<h1 class="remove-bottom"></h1>
</div>
<div class="one-third column">
<div class="middle-wrapper">
</div><br/>
</div>
<div class="one-third column">
<div class="middle-wrapper">
</div><br/>
</div><br/>
<div class="one-third column">
<div class="middle-wrapper">
</div><br/>
</div>
</div>

CSS:

/* 基本 960 网格 */

.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }

Answer 1

有些浏览器喜欢 'margin: 0px auto'。

将 margin: 0 auto 更改为 'margin: 0px auto;'