【笔记】CSS实现文本超出部分显示省略号

发表于 更新于 阅读次数：

前言

CSS实现文本超出部分显示省略号

强制单行

1
2
3
white-space: nowrap;
overflow: hidden;
text-overflow: ellopsis;

强制多行

  • 最后一行文本超出部分显示省略号
1
2
3
4
5
overflow: hidden;
text-overflow: ellopsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

完成