css出现省略号

超过一行出现省略号

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

超过2行出现省略号

 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical

css自动生成： https://www.html.cn/tool/css3Preview/