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

-简单的例子

好的，我有上面的代码，我试图实现的是将

.child

向左浮动，并在

显示：内联块上显示
.parent
但以
.bigParent
为中心

我遇到的问题是，如果第三个
.child div
不适合
.bigParent
宽度，它会将其放在新行上，并使
.parent div的
宽度为100%

提前感谢，爱这个社区
 我知道这是一种方法，但如果可能的话，我只想使用css。我已经把它作为答案，也许其他人有这个问题可能会认为这是一个临时解决方案。
<div class="bigParent">
    <div class="parent">
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
    </div>
</div>



仍然在等待CSS方法。
是否可以用附加div包装2.子div



你可以发布你尝试过的小提琴吗..我不能，因为我使用了很多php和javascript，我会尝试制作一个演示，给我一分钟。请分享小提琴。？：）在其中添加您需要的内容并进行更新：）您的子元素或make Fiddle的宽度是多少？如果3个子元素适合，则为父元素的宽度，而第4个子元素的宽度不适合？我希望第4行开始一个新行，但从左边开始，但是.parent应该有3个div的宽度，并且必须在中心对齐。我重复一遍，它不需要完全像我举例说明的那样，例如：。bigParent.parent.child它可以是100个div，这没关系，这个想法是这样的，孩子们被显示在中心，但他们从左边开始
var maxWidth = $('.bigParent').width(),
    childWidth = $('.child').width(),
    nrOfChildren = Math.floor(maxWidth/childWidth),
    parentWidth = nrOfChildren*(childWidth);

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

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