前端之多行省略号显示...

单行

.single{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

多行

.mutiple{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;  // 数字表示多少行
  -webkit-box-orient: vertical;
}