1、文字超出部分用是省略號顯示：
text-overflow: ellipsis;overflow: hidden;
white-space: nowrap;
whit-space屬性
normal
預設。空白會被瀏覽器忽略。
pre空白會被瀏覽器保留。其行為方式類似 html 中的
標籤。nowrap
文字不會換行，文字會在在同一行上繼續，直到遇到
標籤為止。
pre-wrap
保留空白符序列，但是正常地進行換行。
pre-line
合併空白符序列，但是保留換行符。
inherit
規定應該從父元素繼承 white-space 屬性的值。
2、最多顯示兩行，多餘兩行用省略號顯示
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
css 超出部分用省略號顯示
說明 text overflow 用於多行文字的情況下，用省略號 隱藏超出範圍的文字 display webkit box 將物件作為彈性伸縮盒子模型顯示，是必須結合的屬性。webkit box orient 設定或檢索伸縮盒物件的子元素的排列方式，是必須結合的屬性 一 文字顯示一行，超出部分用省略...
設定文字顯示字數，超出部分用省略號表示
公司的 中有時候由於某些檔案的檔名太長，在固定了寬度的 或層中，這些文字不能在一行中完整顯示出來，通常都是自動回行到下一行顯示，這樣的情況對 本身並沒有錯，可是卻非常有礙於 的美觀，於是，我採取了超過固定寬度用 省略號表示和滑鼠經過顯示完整內容的方式來處理，使得這些內容在網頁上都是嚴格按照規定的寬度...
CSS文字超出部分顯示省略號
overflow hidden 超出的部分隱藏起來 text overflow ellipsis 超出文字以省略號 white space nowrap 不換行 overflow hidden 超出的部分隱藏起來 text overflow ellipsis 超出文字以省略號 display web...