CSS修复容器和溢出元素

Question

Iam想知道是否强制将固定容器的溢出元素放在同一行而不是换行。

http://jsfiddle.net/vrSRE/3/

谢谢。

Answer 1

是的，有一种方法。

您有display: inline-block更换，float: left，并添加white-space: nowrap父元素：

参见：http://jsfiddle.net/vrSRE/4/

ul { 
    width: 300px; 
    height: 30px; 
    background: red; 
    white-space: nowrap 
} 
li { 
    display: inline-block 
} 

如果你不想要素之间的任何空间，则解决这个新问题最简单的方法是删除HTML中的空白，如下所示：

• http://jsfiddle.net/vrSRE/6/

对于您可能不关心删除空间的其他选项，请参阅：

• How to remove the space between inline-block elements?

最后，如果你关心支持IE7，使用这个：

• http://jsfiddle.net/vrSRE/7/

Answer 2

参见：http://jsfiddle.net/keBFd/

您可以使用white-space: nowrap和display: inline - 你可能不希望display: inline，虽然。