使用text-overflow :確定如何向使用者發出未顯示的溢位內容訊號。
它可以被剪下，
顯示乙個省略號（'...'）
（1）設定屬性white-space: nowrap; 文字強制不換行
（2）設定屬性overflow: hidden; 溢位的部分隱藏；
（3）設定屬性text-overflow: ellipsis; 文字溢位顯示省略號；
（4）文字包裹元素必須是塊元素，不能被子元素撐開
示例:
不想去吃苦，注定會吃苦一輩子！永遠不要為自己的懶惰找藉口，自律的人生一定會慢慢跟別人拉開距離！每天進步一點點，早晚有一天會變得比別人好太多！
多行溢位顯示省略號（ ）
單行溢位顯示省略號 多行溢位顯示省略號 這裡也順便寫一下單行溢位。作為簡單複習吧 overflow hidden text overflow ellipsis white space nowrap width 100px 多行溢位。如果是移動端的話。可以這樣寫 display webkit box ...
文字溢位顯示省略號
在開發過程中經常會遇到文字過長超出文字的寬度，這時候我們會考慮將文字截斷，但是只顧截斷會失去互動的友好性，因為使用者不知道後面還有內容，我們會在文字超出寬度的部分加上省略號，然後加上title屬性，當使用者滑鼠放到此處提示完整資訊。文字溢位顯示省略號有兩種情況 單行文字 1 text overflo...
文字溢位顯示省略號
使用text overflow屬性，並且要加width寬度屬性 overflow hidden text overflow ellipsis white space nowrap 1.webkit核心和移動端的瀏覽器，使用css擴充套件屬性 display webkit box webkit box...