在前端開發過程中，經常會遇到文字超過一行內容的情況，要求隱藏超出部分並且以省略號顯示。
一、white-space屬性
該屬性定義：規定段落中的文字不進行換行。(所有主流瀏覽器都相容)
二、overflow屬性
overflow 屬性規定當內容溢位元素框時發生的事情。(所有主流瀏覽器都相容)
三、text-overflow屬性
text-overflow 屬性規定當文字溢位包含元素時發生的事情(所有主流瀏覽器都相容)
四、單行文字(超出省略號顯示)
.p1td【table-layout: fixed;】固定布局的演算法。在這種演算法中，**和列的寬度取決於col物件的寬度總和，假如沒有指定，則會取決於第一行每個單元格的寬度。
CSS文字超出顯示省略號
white space nowrap overflow hidden text overflow ellipsis 但是因為兩個行內元素例如span一起的時候會出現一些間距，為了去掉這些間距我們可以給元素新增font size 0 但這樣做的話，會發現省略號消失了，但不新增font size 0 又...
文字內容超出顯示省略號
display webkit box webkit box orient vertical webkit line clamp 3 overflow hidden webkit line clamp用來限制在乙個塊元素顯示的文字的行數。為了實現該效果，它需要組合其他的webkit屬性。常見結合屬性 ...
文字超出省略號型別
overflow hidden 超出的文字隱藏 text overflow ellipsis 溢位用省略號顯示 white space nowrap 溢位不換行overflow hidden text overflow ellipsis display webkit box 作為彈性伸縮盒子模型顯示...