2009年4月7日 星期二

CSS 切割多餘字元在 DIV內

很多時候都會遇到想要只顯示一行
但是無奈字串就是會給你斷行繼續顯示

要切割字元一定要用JS嗎?

不用
用這個CSS語法即可搞定

white-space:nowrap;
overflow:hidden;

/*底下這行IE專用,可顯示...的文字*/

text-overflow:ellipsis;

不過前提是要設定寬度width,超過寬度就會以...顯示


沒有留言:

張貼留言

Facebook