一行超出则隐藏

white-space: nowrap; //不换行
overflow: hidden;   //超出则隐藏
text-overflow: ellipsis; //为文字加上省略

多行超出则隐藏

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