Css 如何将父容器未对齐的浮动div居中对齐'；你没有宽度吗？

我知道以前也有人问过类似的问题，但我还没有看到父div的宽度未知且有明确答案的问题

情况是这样的

<style>
.parent {
   width: 100%;
}

.child {
  width: 300px;
  float: left;
}

</style>

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

.家长{
宽度：100%；
}
.孩子{
宽度：300px；
浮动：左；
}

基本上，我希望在父容器中容纳用户屏幕分辨率所能支持的尽可能多的子div

我不想使用css3媒体查询，因为我想支持IE7

---

我尝试使用javascript为父对象指定宽度，但这并不理想，因为加载后内容会跳转到中心。有什么想法吗？

这是不使用javascript的最接近的解决方案。 它是

显示：内联块，使divs侧边栏侧边，同时位于中间。我尝试将.parent转换为
display:table单元格但不起作用。因此，需要使用实际的
来实现强大的定心行为


编辑：（无表格：感谢MartinodF）


1.
2.
3.
4.
5.
6.
.孩子{
宽度：100px；
高度：100px；
利润率：10px；
显示：内联块；
背景：#e0；
}
只需使用
显示：内联块而不是
浮动：左和。父级使用
文本对齐：居中
 用罗马式的回答，我以这个结尾。父div中的所有div都将居中，所以不需要设置子类

.parent{
    text-align: center;
}

.parent div{
    display: inline-block;
}

问题是如果您在children div中有不同的内容；
.parent{
    text-align: center;
}

.parent div{
    display: inline-block;
}