列表项隐藏溢出

Question

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

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

Answer 1

你需要额外的white-space: nowrap;设为您UL - 列表以防止在可用空间末尾出现换行符。

参见：http://jsfiddle.net/vtuRL/10/

Answer 2

溢出隐藏，只允许在块元素。您不能将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;}