我有一个容器div
,可以包含任意数量的包含内容的inline-block
div
个标记。这些内容容器的宽度不明。
当窗口的宽度缩小到小于容器div
的宽度时,内联div
标签开始堆叠。
我该怎样防止这种情况?我希望容器div
不允许收缩小于其内容的宽度,在需要时添加滚动条。
以下是一个示例:http://jsfiddle.net/ZAWRX/
缩小Result
窗口的宽度,您将看到容器也缩小,迫使内容容器堆叠。
答案 0 :(得分:2)
将white-space:nowrap;
添加到您的容器样式中,并将white-space: normal;
添加到您的内容样式中。
这是一个小提琴:http://jsfiddle.net/jSV9N/