0

缩放窗口后是否有一个 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处理，我认为。

4

1 回答 1

0

添加：

white-space: nowrap;

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

display: inline;

在子 div 上。

http://jsfiddle.net/9dzBy/

于 2013-03-16T16:20:56.343 回答