Css 调整大小或换行的div

我试图将一组div放入另一个div中，并执行一些类似于调整表列大小以适应可用空间的方式，但在这种情况下，如果其中的div缩小到最小大小，它们将换行

我有点像

<div style="width: 100%">
  <div style="float: left; min-width:30px; padding: 4px">Text 1</div>
  <div style="float: left; min-width:30px; padding: 4px">Text 2</div>
  <div style="float: left; min-width:30px; padding: 4px">Text 3</div>
  <div style="float: left; min-width:30px; padding: 4px">Text 4</div>
  <div style="float: left; min-width:30px; padding: 4px">Text 5</div>
</div>

文本1
文本2
文本3
文本4
文本5

---

这样可以正确地进行包装，但是当有足够的空间将它们全部放在一条线上时，似乎不会使内部的膨胀。现在可以这样做吗（请记住，我必须支持尚未实现FlexBox的浏览器）？

我不确定这是否正是您想要的，但您可能需要为Inner元素设置基于百分比的宽度

.cell {
   width:19%;
}

您的HTML如下所示：

<div style="width: 100%">
  <div class="cell" style="float: left; min-width:30px; padding: 4px">Text 1</div>
  ...
</div>

文本1
...

---

@musefan，太棒了！我忘了宽度不包括边距、边框或填充物，所以如果我看到“宽度11%”，除非我去掉边距和填充物，否则我实际上无法放入9个元素。