Question

我不知道我是否已经半睡半醒，但我似乎无法将4个div对齐，在另一个div内。

这是我的jfiddle http://jsfiddle.net/cwgv4/481/

    <body>
    <div id="content">
    <div class="Division"><p>First Division</p></div>
    <div class="Division"><p>Second Division</p></div>
    <div class="Division"><p>Third Division</p></div>
    <div class="Division"><p>Fourth Division</p></div>
    </div>
    </body>

css

.Division{
    width: 150px;
    height: 150px;
    border: 1px solid #000000;
    padding:5px;
    margin:5px;
    display: inline-block;
}

.p{

}
body { 
    marin: auto 0;
    width: 900px;

}
#content {
    width:100%;
    margin:0px auto;
    text-align:left;
    padding:15px;
    border:1px dashed #333;
    background-color:#eee;
    }

Answer 1

将text-align: center添加到#content

无法将一个div中的4个div放在中心位置

1 个答案: