如何让li中内容显示超过长度后以省略号显示

文字溢出时显示省略号

重点:

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;

}

参考网站：

http://www.alixixi.com/Dev/HTML/jsrun/text/2008/2008050380154.html

http://apps.hi.baidu.com/share/detail/20837416