css - CSS - 保持元素的宽度

Question

缩放窗口后是否有一个 css 规则使父级<div>保持其大小（取决于元素）？为了更清楚，这里有一个例子：

<div style="width: 100%; height: 100%;">
    <div style="width: 30px; height: 30px;">
        text1
    </div>
    <div style="width: 60px; height: 30px;">
        text2
    </div>
    <div style="width: 30px; height: 30px;">
        text3
    </div>
</div>

这段代码应该调出一个内部有 3 个较小 div 的 div。现在，当您调整窗口大小时，各个子项将被“分解”成新行。

我怎样才能防止这种行为？使用 a 是min-width行不通的，因为我想要动态的宽度，添加和删除子项应该是可能的。我想到的唯一选择是通过 javascript 计算孩子数，然后通过 javascript 设置min-width属性。但这应该可以用css处理，我认为。

Answer 1

添加：

white-space: nowrap;

到父 div。我认为这将使他们保持在同一条线上。在您提供的示例中，您还需要：

display: inline;

在子 div 上。

http://jsfiddle.net/9dzBy/