CSS文本太长省略号显示

2019-03-13 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;
}