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

本文转载自查看原文 2016-01-26 10:51 1921 css/ overflow/ html/css/ 省略号

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

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

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

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。