在中心對齊浮動div的父級

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; 但以.bigParent為中心。
我得到的問題是，如果第三個.child div不適合.bigParent寬度，則會將其放在新行上，並使.parent div's寬度為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>