为什么我不能把这个div放在中心?

时间:2015-08-25 16:32:34

标签: html css

我右侧有一个侧边栏,我想在左侧为Tumblr帖子创建两个居中的列。我该怎么办?

        #wrapper /*for two columns*/ {
            display: inline-block;
            margin: 15px 15px 15px 30px;
        }
        #wrapper .posts {
            width: 400px;
            margin: 0 15px 15px 0px;
            padding: 10px;
        }
        #sidebar /*including some other stuff, obviously*/ {
            display: table;
            width: 250px;
            height: 100%;
            position: fixed;
            top: 0px;
            right: 0px;
         }

2 个答案:

答案 0 :(得分:1)

使HTML元素居中对齐:

对于div, p, ..etc.,之类的块元素,这些元素应设置为某个值widthmax-width,并且应该margin-left: auto& margin-right:auto

对于内联元素,例如span, em, ..etc.,,我们可以通过将text-align:center提供给其父元素来居中对齐。

答案 1 :(得分:0)

margin上的水平#wrapper应设为auto。这是关键。父级(可能是body)可能还需要设置text-align: center