页面上的动态中心块调整大小？

Question

无论屏幕尺寸如何，我都希望这些块始终位于页面中心。

http://seriouslyineedthis.com/

问题是它总是漂浮在左边。

*我使用的是Masonry插件，但是存在重叠问题（所以我不希望这是一个答案）。

在代码中我只是这样做：

<div id="content_holder_outside">
<div id="content_holder">
     <!-- Blocks and content go here -->
</div>
</div>

#content_holder_outside {
    width:100%;
    text-align:center;
    float:left;
    }

#content_holder {
    min-height:600px;
    }

这很简单，但那不起作用。一切仍然浮在左边。有什么想法吗？

Answer 1

如果您向display: inline-block;添加#each_box_holder并从中移除float:left，则会保持居中。

注意：将其从id更改为class。 id只有在唯一时才能使用。在你的情况下它不是，所以使用class更好，这将为你节省很多麻烦。