当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;
}