Question

CSS怎么设置li里的列表内容字数限制？

Answer 1

CSS对元素内的内容做字数限制，可以利用css的overflow: hidden属性解决了这个问题。
例子：li {width:80px;height:30px;line-height:30px;overflow:hidden;}
说明：设置li的宽度和高度，超出部分就会被隐藏。
overflow:hidden这个属性的作用是隐藏溢出。

Answer 2

对于文本内容，字数限制问题有两种常见的方法，最常见的是后台程序输出的时候限制输出字数，另一种则是前端使用css控制文本溢出。推荐使用程序限制字数输出。对于内容padding或者元素溢出，这属于css不规范和兼容范畴。
下面列举一下文本溢出出现省略号的css写法：
.text{
overflow: hidden;
white-space: nowrap; /*设置不换行*/
text-overflow: ellipsis;
}

Answer 3

li {width:100px;<br/> white-space:nowrap;<br/> overflow: hidden;}
限制内容的的宽度，超出部份不显示！

Answer 4

li {width:100px;<br/> white-space:nowrap;<br/> overflow: hidden;}
限制内容的的宽度，超出部份不显示！

Answer 5

用js动态调整