如何确保一定宽度的文本行永不包裹?

时间:2011-01-21 01:45:22

标签: jquery css

我有一些带有ul > li列表的div。每个项目应该是一行高,不应该包装。理想情况下,应为插入的行插入省略号...:应阻止这些li项包装。

是否可以通过结合使用css和jQuery来实现这一目标?

3 个答案:

答案 0 :(得分:2)

添加text-overflow: ellipsis

不幸的是,Firefox不支持它。

答案 1 :(得分:1)

使用jQuery检查此解决方案以减少字符串的长度,直到它适合所需的维度。 http://jsfiddle.net/3jwLU/

答案 2 :(得分:0)

您可以使用CSS3 text-overflow属性。

如果这不是一个选项,你有很多jQuery插件可以做你想要的。只需在jQuery插件页面中搜索省略号...