CSS如何设定li盒子里字数的长度,大于了就显示省略号

2024-12-19 00:16:16
推荐回答(4个)
回答1:

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
在li里添加上这三句就行了,少加一条都不行。
这样可以溢出省略号,要是直接让它超出部分隐藏,就overflow:hidden;就可以的。
但是,上面给你的在FF上是没有效果的。只能隐藏超出部分,在其他浏览器上是会溢出省略号的。

回答2:

1.你要固定li盒子的宽度,即width:xxx;
2.因为默认的是文字长度超过父容器的宽度时候,文字会换行,所以要确定里面的文字不换行 即white-space:nowrap;
3.超出文本用省略号显示,即 text-overflow:ellipsis;

回答3:




回答4:

你就最好用JS写,或者jquery。先找出所有的在.technique下的li,弄一个for循环,用substring获得li里面你需要显示的内容,然后把获得的内容+......显示在li里。这不是唯一的办法,上网找找应该有这种例子