前段時間在公司移動站的重構，遇到了乙個產品列表title的需求是只顯示兩行，然後超過兩行的字元用省略號顯示。如下圖的效果，當時第一感覺是這個需求只能通過後台輸出的時候擷取字元去處理，或者通過js計算字元來處理，因為樣式無法控制換行文字出現省略，但是因為我們新版的移動站是流式布局，在不同解析度下的手機換行的寬度是不確定的，所以就沒有標準的字元擷取的數量範圍。例如：15個字在iphone上面是兩行顯示，但是在三星上就可能不是兩行顯示了，有可能值顯示一行，又或者在解析度更低的手機15字已經是三行顯示了，遇到了這種場景就很頭痛了。
先來回顧下，單行文字換行的寫法：
複製**
**如下:
a20 banana pi development board module - deep blue
css**
css code複製內容到剪貼簿
demo
上面的**是早就有的標準單行文字溢位省略號的寫法，在非常多的場景下我相信大家都可能使用過這種寫法。
多行的顯示該如何解決呢，後面經過一番google後，我找到了chrome的乙個api可以解決上面提到的需求-webkit-line-clamp，可惜這個api居然目前只有chrome才能支援，而且並沒有列入w3c的標準範湊內，也就是日後這個功能也只能是在chrome下才能用，這實在太可惜了，不過現在的移動端都是用的webkit的核心，所以可以放心的使用上面的api，接著來看下實現eg:
複製**
**如下:
a20 banana pi development board module - deep blue
css**
css code複製內容到剪貼簿
demo
本文標題: css實現標題文字過長部分顯示省略號的方法
本文位址:
CSS文字過長顯示為
可以是中文，英文，數字 width 220px height 50px overflow hidden text overflow ellipsis 我是一串文字，很長很長，最後容不下我了 不能是中文 超過寬度省略 width 120px 可以自定義寬度 word break keep all 不換...
CSS 實現過長的文字顯示 （省略號）
在專案中發現系統右上角顯示的使用者名稱過長時，無法正常顯示，使用者名稱所在的div會跑到下面去，發現這個問題後，我有三種思路，乙個是使用者在註冊的時候，控制其輸入的使用者名稱不要過長，這是一種不友好的方法，一般來說使用者會使用自己的姓名全拼之類的作為使用者名稱，這樣限制的話會影響使用者的正常使用 二...
label標題過長時顯示
public class mylable label get public mylable 自繪 顯示提示資訊 private void paintevent object sender,painteventargs e 從未使用mylable contentalignmenttotextforma...