html - 隐藏列表项的溢出

标签 html css html-lists overflow

我有一个 UL 列表,其中包含 li 中的图像。我已经将 UL 宽度设置为 400px,如果 li 元素更多,那么我希望它被隐藏,但它会出现在下一行。有什么解决办法吗?

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

最佳答案

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

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

关于html - 隐藏列表项的溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11395199/

相关文章:

php - 从获取数组(用于列表)创建无限的 ul li 标签

html - 我想要列表中的图像和 anchor 标记在悬停时使用 css 进行更改

html - 如何在ul元素中单独悬停子节点?

javascript - 如何在不单击链接/按钮的情况下以html打开网页

html - 可滚动div中的绝对div滚动

javascript - Phonegap iOS 11 显示栏

javascript - 使用 innerHTML 时换行

javascript - 为什么输入类型 ='file' 不调度事件?

javascript - click.function 和 Bootstrap 的轮播按钮之间的冲突

jquery - 如何使用 Typeahead 和 Bloodhound 启用多属性搜索?