如何让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;
}