CSS文本太长省略号显示

275 阅读1分钟
1.行内元素

行内元素需要设置display:block

span{
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    width:80px;
    display: inline-block;
}


效果如下:


2.块级元素

不需要设置display属性,其他都一样

div{
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    width:80px;
}