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

html-css016

CSS怎么设置li里的列表内容字数限制?,第1张

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

在样式中加上overflow: hiddentext-overflow: ellipsiswhite-space: nowrap

overflow: hidden内容超出div部分隐藏

text-overflow: ellipsis文本溢出包含元素显示省略符号来代表被修剪的文本

white-space: nowrap文本不会换行

这个是可以的,将div的宽和高固定然后使用overflow:hidden 可以把溢出的字符影藏

例:

<div style="width:20pxheight:20pxoverflow:hidden">

111111111111111111111111111111111111111111111111111111111111111111111111111

</div>