css超出多行隱藏

 

單行隱藏：

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

text-overflow:ellipsis;/* 超出部分顯示省略號 */

white-space: nowrap;/*規定段落中的文本不進行換行 */

 多行隱藏：

overflow: hidden;
display: -webkit-box;//將元素設為盒子伸縮模型顯示
-webkit-box-orient: vertical;//伸縮方向設為垂直方向
-webkit-line-clamp: 3;//超出3行隱藏，並顯示省略號

多行隱藏需要注意的一個地方是div的高度不能設置，讓其自動3行隱藏即可。