![CSS怎么设置li里的列表内容字数限制?,第1张 CSS怎么设置li里的列表内容字数限制?,第1张](/aiimages/CSS%E6%80%8E%E4%B9%88%E8%AE%BE%E7%BD%AEli%E9%87%8C%E7%9A%84%E5%88%97%E8%A1%A8%E5%86%85%E5%AE%B9%E5%AD%97%E6%95%B0%E9%99%90%E5%88%B6%EF%BC%9F.png)
对于文本内容,字数限制问题有两种常见的方法,最常见的是后台程序输出的时候限制输出字数,另一种则是前端使用css控制文本溢出。推荐使用程序限制字数输出。对于内容padding或者元素溢出,这属于css不规范和兼容范畴。\x0d\x0a下面列举一下文本溢出出现省略号的css写法:\x0d\x0a.text{\x0d\x0aoverflow: hidden\x0d\x0awhite-space: nowrap/*设置不换行*/\x0d\x0atext-overflow: ellipsis \x0d\x0a}你好,CSS是设置样式的,css不能限制字数,只能多出了隐藏。overflow:hidden
一行可以实现省略号:
overflow: hidden
white-space: nowrap
text-overflow: ellipsis