我有一个 UL 列表，其中包含 li 中的图像。我已将 UL 宽度指定为 400px，如果 li 项目更多，那么我希望它被隐藏，但它会在下一行出现。有什么解决办法吗？
这是我的演示 http://jsfiddle.net/vtuRL/8/
问问题
7545 次
2 回答
4
您需要为您设置一个额外white-space: nowrap;的UL-list 以防止在可用空间末尾换行。
见：http: //jsfiddle.net/vtuRL/10/
于 2012-07-09T13:09:50.797 回答
0
溢出隐藏只允许在 BLOCK 元素上。您不能将 UL 设置为块。但这里有一个关于它如何工作的例子：
刚刚添加
.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;}
于 2012-07-09T12:46:59.353 回答