CSS超过部分显示省略号。只显示一行，超出用点表示。显示两行，超出用点表示

 

单行文本超过部分显示省略号

 

overflow: hidden;

 

text-overflow: ellipsis;

 

white-space: nowrap;

 

 

多行文本超过部分显示省略号

 

overflow: hidden;

 

text-overflow: ellipsis;

 

display: -webkit-box;

 

-webkit-box-orient: vertical;

 

-webkit-line-clamp: 2;

 

word-break: break-all;

 

倘若使用vue，则可使用下面这种方式

display: -webkit-box;

 

-webkit-box-orient: vertical;

 

-webkit-line-clamp: 2;

 

overflow: hidden;

 

word-break: break-all;