我有一个容器div
,可以包含任意数量的inline-block
div
包含内容的标签。这些内部内容容器将具有未知宽度。
当窗口的宽度缩小到小于容器的宽度时div
,内联div
标签开始堆叠。
我怎样才能防止这种情况?我希望容器div
不允许收缩小于其内容的宽度,必要时添加滚动条。
下面是一个例子:http://jsfiddle.net/ZAWRX/
缩小窗口的宽度,Result
你会看到容器也缩小了,迫使内容容器堆叠。
我有一个容器div
,可以包含任意数量的inline-block
div
包含内容的标签。这些内部内容容器将具有未知宽度。
当窗口的宽度缩小到小于容器的宽度时div
,内联div
标签开始堆叠。
我怎样才能防止这种情况?我希望容器div
不允许收缩小于其内容的宽度,必要时添加滚动条。
下面是一个例子:http://jsfiddle.net/ZAWRX/
缩小窗口的宽度,Result
你会看到容器也缩小了,迫使内容容器堆叠。
添加white-space:nowrap;
到您的容器样式并添加white-space: normal;
到您的内容样式。
这是一个小提琴:http: //jsfiddle.net/jSV9N/