內容溢出顯示省略號

1.單行

white-space: nowrap;//規定段落中的文本不進行換行
word-wrap: normal;//只在容許的斷字點換行
text-overflow: ellipsis;//顯示省略符號來表明被修剪的文本
overflow: hidden//超出隱藏

 

2.多行

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