【问题标题】:horizontal centering divs in a div 100% (wordpress)div 100% 中的水平居中 div (wordpress)
【发布时间】:2013-01-26 00:45:10
【问题描述】:

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

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

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

非常感谢您。

【问题讨论】:

    标签: css wordpress html


    【解决方案1】:

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

    【讨论】:

    • 感谢 bennett_an 的回复!使用 float:left 停用和其他 css 选项现在可以正常工作!
    【解决方案2】:

    那是因为它们向左浮动。你可以使用 inline-block 代替。

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

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

    【讨论】:

      猜你喜欢
      • 2013-03-30
      • 2015-12-16
      • 2014-05-22
      • 2012-02-03
      • 1970-01-01
      • 2016-12-13
      • 1970-01-01
      相关资源
      最近更新 更多