Css溢出隐藏

 

　　

display: -webkit-box;
-webkit-line-clamp: 2;     /*多少行数之后显示为省略...*/
word-wrap: break-word;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;

 

 

 

 

溢出隐藏：

 

1. display: block;
2. width: 72px;
3. overflow: hidden;
4. white-space: nowrap;
5. text-overflow: ellipsis;

 

 上面的代码就是2行之后显示省略

效果图如下：