• 多行文本溢出省略

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

• 单行文本溢出省略

width:300px; 
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;