防止div宽度缩小小于内容

时间:2013-07-24 16:55:11

标签: html css

我有一个容器div,可以包含任意数量的包含内容的inline-block div个标记。这些内容容器的宽度不明。

当窗口的宽度缩小到小于容器div的宽度时,内联div标签开始堆叠。

我该怎样防止这种情况?我希望容器div不允许收缩小于其内容的宽度,在需要时添加滚动条。

以下是一个示例:http://jsfiddle.net/ZAWRX/
缩小Result窗口的宽度,您将看到容器也缩小,迫使内容容器堆叠。

1 个答案:

答案 0 :(得分:2)

white-space:nowrap;添加到您的容器样式中,并将white-space: normal;添加到您的内容样式中。

这是一个小提琴:http://jsfiddle.net/jSV9N/