1.行内元素
2.块级元素
行内元素需要设置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;
}