...

項目中常常有這種需要我們對溢出文本進行"..."顯示的操作，單行多行的情況都有（具體幾行得看設計師心情了），這篇隨筆是我個人對這種情況解決辦法的歸納，歡迎各路英雄指教。 單行 語法 示例 文本溢出顯示省略號,文本溢出顯示省略號,文本溢出顯示省略號 多行 1.直接用css屬性設置 ...

...

昨天有個朋友問了一個問題，就是多行文字溢出最后用...替代，看了一下，以前做單行文字溢出，多行的還真沒做過，所以自己也整了一哈，這里貼出來分享一下。 一、單行文本溢出 對於單行文本溢出 text-overflow: ellipsis 就能完美的解決，而且所有主流瀏覽器都支持 ...

; white-space:nowrap 示例 文本溢出顯示省略號,文本溢出顯示省略號,文本溢出顯示省略號 ...

line-height: 20px; max-height: 40px; display: -webkit-box; /*! au ...

在項目開發的過程中,我們往往遇到文本溢出需要添加省略號的需求。而這個需求可以分解為兩個，一個是單行溢出省略，一個是多行溢出省略。 單行溢出省略 效果 多行文字溢出省略 效果 ...

單行： 多行：（webkit與移動端） 多行：（適用於所有） 效果圖： 附： 字節計算方法的博文：正則表達式：備注名稱長... ...