CSS实现超出DIV宽度文字自动隐藏并显示省略号

当文字超出DIV宽度时,超出的文字部分省略,并用显示省略号代替,css代码如下:

div.ellipsis {
    padding-left: 5px;
    text-align: left;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

重要前提是DIV为固定宽度。
<end>

 

posted @ 2016-01-26 10:51  MySomeDay  阅读(4590)  评论(0编辑  收藏  举报