CSS截取字串，多餘文字用省略符號顯示

標籤：css截取字串

最近才知道css也有這麼叼炸天的一面~~~

做個類似論壇的頁面，帳戶圖片70px，但是使用者名稱沒法限定啊，英文中文都可以，你說他要是取個“我的名字好長呀，你該怎麼辦呢”，那老衲不就蛋疼菊花緊了~~

幸好，老衲於不幸中的萬幸中發現了css這麼叼炸天的一面，以前一直不知道，寫出來分享給大家

很簡單，大屁不多放，直接開菊花：

css裡面如下設定：

a.name{line-height: 30px;text-align: center;text-overflow:ellipsis;//讓超出的用...實現white-space:nowrap;//禁止換行overflow:hidden;//超出的隱藏display: block;}

我是用a標籤寫的使用者名稱，所以要display:block一下。

唔，很簡單，不過很好用。

（PS：不支援IE6！）

有任何指教，請加QQ：1740437