/* 多行溢出隐藏 */
div{
width: 150px;（100%）；
height:100px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; 8
}
/* 单行溢出隐藏 */
div{
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
原文：https://www.cnblogs.com/winyh/p/10279015.html