Question

我正在尝试将一堆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>

并且正确地进行了包装，但是当有空间将它们全部放在一条线上时，似乎没有使内部展开。这可以立即完成（请记住，我必须支持尚未实现FlexBox的浏览器）？

Answer 1

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

.cell {
   width:19%;
}

使用您的HTML：

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

Here is a working example

调整大小或包裹的Div

1 个答案: