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

html-css015

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

CSS对元素内的内容做字数限制,可以利用css的overflow: hidden属性解决了这个问题。

例子:li {width:80pxheight:30pxline-height:30pxoverflow:hidden}

说明:设置li的宽度和高度,超出部分就会被隐藏。

overflow:hidden这个属性的作用是隐藏溢出。

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

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

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

white-space: nowrap文本不会换行