2013年12月25日 星期三

word-wrap 讓英文字不會自動斷行

在網頁裡,因應版面需求,所以比如說網址太長如下面:



www.facebook.com/pages/Eddies-cafe-Et-Tiramisu/153181111405422

如果是希望變成下圖
www.facebook.com/pages/Eddies-
cafe-Et-Tiramisu/153181111405422

沒有控制好斷行,就會變成
www.facebook.com/pages/
Eddies-cafe-Et-Tiramisu/153181111405422

這樣就會有一堆空白,這樣就算有使用mb_substr() 截斷字元,還是覺得哪裡怪怪的,所以這時候就需要使用下面CSS語法了。

word-wrap: break-word;
word-break: break-all;

資料來源
http://www.minwt.com/css/93.html

沒有留言:

張貼留言