列表項隱藏溢出

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;}