1

我正在尝试将 div 水平居中在 100% 宽度的 div 中。div 容器是“#post-area”，里面的所有 div 都有一个类“.post”。

这是链接：http ://bit.ly/VOqkhv

调整浏览器大小时可能会看到效果不佳，实际上，所有 div 都没有以菜单为中心。这怎么可能？我也尝试了 margin: auto; 但什么都没有。

非常感谢你。

4

2 回答 2

0

将 100% div 设置为position:relative您想要居中的元素position:relative; margin: 0 auto;

于 2013-02-10T22:28:25.443 回答
0

那是因为它们向左浮动。您可以改用 inline-block 。

添加text-align: center;到#post-area

删除float: left;并添加display: inline-block; vertical-align: top; text-align:left;到 .type-post

于 2013-02-10T22:36:28.873 回答