- 单行显示
white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;
- 两行显示
text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
- 多行显示
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
css文本超出,显示省略号
最新推荐文章于 2023-09-18 14:39:20 发布