页面大小调整上的动态居中块？
页面大小调整上的动态居中块？
提问于 2014-05-13 19:04:00
无论屏幕尺寸是什么，我都希望这些块始终在页面中居中。
http://seriouslyineedthis.com/
问题是它总是向左浮动。
*我在使用砖石插件，但有重叠的问题(所以我不希望这是一个答案)。
在代码中，我只是简单地这样做：
<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;
}这很简单，但不管用。所有东西都还在向左漂浮。有什么想法吗？
Stack Overflow用户
回答已采纳
发布于 2014-05-13 19:09:29
如果将display: inline-block;添加到#each_box_holder中并从其中删除float:left，则它将保持居中。
注意:将其从id更改为class。只有当id是唯一的时，才应该使用它。在您的情况下，情况并非如此，所以使用class更好，并且可以在这个特性中为您省去很多麻烦。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23639510
复制相关文章
相似问题
腾讯云开发者
