Question

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

http://jsfiddle.net/te9fzaub/4/ - 简单示例;

好的，所以我有上面的代码，我想要实现的是.child向左浮动，.parent在display:inline-block;上，但是以{{1为中心}}。
我得到的问题是，如果第3 .bigParent不适合.child div宽度，则将其置于新行，并使.bigParent宽度为100 ％;
在此先感谢，热爱这个社区！

Answer 1

我知道这是一种方法，但我想尽可能只使用css。我发布了它作为答案，所以也许有其他人遇到这个问题可能会认为这是一个临时解决方案。

var maxWidth = $('.bigParent').width(),
    childWidth = $('.child').width(),
    nrOfChildren = Math.floor(maxWidth/childWidth),
    parentWidth = nrOfChildren*(childWidth);

$('.parent').width(parentWidth);

http://jsfiddle.net/te9fzaub/6/
无论如何还在等待CSS方法。

Answer 2

是否可以用额外的div包装2个.child div？

jsfiddle

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

将浮动div的父级对齐在中心

2 个答案: