text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
在li里添加上这三句就行了,少加一条都不行。
这样可以溢出省略号,要是直接让它超出部分隐藏,就overflow:hidden;就可以的。
但是,上面给你的在FF上是没有效果的。只能隐藏超出部分,在其他浏览器上是会溢出省略号的。
1.你要固定li盒子的宽度,即width:xxx;
2.因为默认的是文字长度超过父容器的宽度时候,文字会换行,所以要确定里面的文字不换行 即white-space:nowrap;
3.超出文本用省略号显示,即 text-overflow:ellipsis;
你就最好用JS写,或者jquery。先找出所有的在.technique下的li,弄一个for循环,用substring获得li里面你需要显示的内容,然后把获得的内容+......显示在li里。这不是唯一的办法,上网找找应该有这种例子