单行及多行溢出显示省略号

755 次访问 2021-07-28

渣渣辉

单行

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;

-webkit-line-clamp: 4 //这是指具体的行数

注意：无论是单行还是多行，一定要给容器一个宽度