html中文字长度超出宽度如何显示省略号“...”

如下图：

一般只用设置以下四个属性即可（当然还有宽度和高度）：

    white-space:nowrap;          /*不换行*/
    text-overflow: ellipsis;         /*超出的显示省略号*/
    overflow:hidden;                  /*超出部分隐藏*/
    word-wrap:normal;             /*长单词不换行-兼容ie*/