我不知道我是否半睡着,但我似乎无法居中对齐4个div,而另一个div却在其中。
这是我的jsfiddle 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;
    }

最佳答案

text-align: center添加到#content

关于html - 无法将1个div内的4个div居中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26286040/

10-10 09:33