溢出隐藏的列表项

Question

我有一个UL列表，里面有li图像。我已经将UL宽度设置为400px，如果li项目更多，那么我希望它被隐藏但是它将在下一行中出现。任何解决方案？

这是我的演示 http://jsfiddle.net/vtuRL/8/

Answer 1

您需要为white-space: nowrap; - 列表设置一个额外的UL，以防止在可用空间的末尾换行。

请参阅：http://jsfiddle.net/vtuRL/10/

Answer 2

隐藏溢出只能在BLOCK元素上使用。您不能将UL设置为块。但这是一个如何运作的例子：

http://jsfiddle.net/vtuRL/9/

刚刚添加

.p_gallery { float:left; width:400px; overflow:hidden; }

并更改了ul CSS

.p_gallery ul{ margin:20px 0 20px 24px; background-color:#ccc;  padding:0; float:left; width:1000px;}