css3文字一行展示，多余文字省略号

洛枫学院 » UI前端 » css3文字一行展示，多余文字省略号

页码: 1

- 一片云 2020-04-27 10:15

一行展示：

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

多行展示：

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /*行数*/
-webkit-box-orient: vertical;

- 一片云 2021-03-04 10:40

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

页码: 1