【发布时间】:2013-01-26 00:45:10
【问题描述】:
我正在尝试将 div 水平居中放置在 100% 宽度的 div 中。 div 容器是“#post-area”,里面的所有 div 都有一个类“.post”。
这是链接:http://bit.ly/VOqkhv
在调整浏览器大小时可能会看到效果不佳,实际上所有 div 都不以菜单为中心。这怎么可能?我也尝试了 margin: auto;但什么都没有。
非常感谢您。
【问题讨论】:
我正在尝试将 div 水平居中放置在 100% 宽度的 div 中。 div 容器是“#post-area”,里面的所有 div 都有一个类“.post”。
这是链接:http://bit.ly/VOqkhv
在调整浏览器大小时可能会看到效果不佳,实际上所有 div 都不以菜单为中心。这怎么可能?我也尝试了 margin: auto;但什么都没有。
非常感谢您。
【问题讨论】:
将 100% div 设置为 position:relative,然后将要居中的元素设置为 position:relative; margin: 0 auto;
【讨论】:
那是因为它们向左浮动。你可以使用 inline-block 代替。
将text-align: center; 添加到#post-area
删除float: left;并将display: inline-block; vertical-align: top; text-align:left;添加到.type-post
【讨论】: