Question

我在这里有一个有效的代码：http://jsfiddle.net/V3Suq/29/

问题

如何让孩子左对齐，例如截图：Screenshot

HTML

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

CSS

.parent {
    width: 100%;
    background: #f00;
    height: 210px;
   text-align: center;
}

.child {
    width: 150px;
    height: 100px;
    background: #000;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

Answer 1

将text-align: left;设置为parent类，并将%的宽度更新为此px的{{1}}，并将width: 500px;设置为padding-left因此，您更新的px类看起来像

parent

FIDDLE是HERE

中心将子Div与显示内联块对齐并设置向左浮动

1 个答案: