文字一行显示,超出部分省略号显示 **四个属性缺一不可**
{
width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
文字2行显示 超出部分省略号显示
{
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
03-04
1万+
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
01-11
357
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)