超出文字变成省略号并隐藏

• 单行文本超出

.line-limit-length {

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap; //文本不换行，这样超出一行的部分被截取，显示...

}

• 两（多）行文本超出

.line-limit-length {
  overflow:hidden; 

  text-overflow:ellipsis;

  display:-webkit-box; 
  
  -webkit-box-orient:vertical;

  -webkit-line-clamp:2; 
}