如何让li中内容显示溢出超过长度后以省略号显示
当li、div标签中的文字溢出时显示省略号,代码如下:
重点:
li {
width: 200px; (定义宽度)
white-space: nowrap; (不换行,一行显示)
text-overflow: ellipsis; (溢出用省略号)
-o-text-overflow: ellipsis;
overflow: hidden; (多出的文字,隐藏)
}
div {
display: block;
width: 80%;
text-overflow: ellipsis;
overflow: hidden;
}