css超出多行隐藏

 

单行隐藏：

overflow: hidden;/*超出部分隐藏*/

text-overflow:ellipsis;/* 超出部分显示省略号 */

white-space: nowrap;/*规定段落中的文本不进行换行 */

多行隐藏：

overflow: hidden;
display: -webkit-box;//将元素设为盒子伸缩模型显示
-webkit-box-orient: vertical;//伸缩方向设为垂直方向
-webkit-line-clamp: ;//超出3行隐藏，并显示省略号

多行隐藏需要注意的一个地方是div的高度不能设置，让其自动3行隐藏即可。