CSS文本太长省略号显示

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;
}
复制代码

转载于:https://juejin.im/post/5c89231ae51d455e2e4c9281