2012年4月18日 星期三

css強制文字斷行

在網頁上,如果我們遇到一長串英文字,最常見的是一個很長的檔名,如果我們是在一個div內,而那個div又有指定寬度的話,則文字會超過那個div的寬度,而div本身的寬度不變,但如果再table的td內,則會把td給撐開,這樣版面就會變得很醜,一般我們在處理的時候是建議用程式去判斷字元的長度再作是否要將自元給截斷,想單純用css解掉也可以,不過這樣可能文字的意思就會跑掉了。

中文基本上不會有這樣的問題,因為中文一個字就是一個意思,而英文則需要幾個字母以上組合起來才有意義,所以網頁並不會自動將英文字給斷行,而如果想強制將英文字斷行,只要使用下列的css即可。

  1. word-wrap: break-word;   
  2. word-break: break-all;  

當然這是我盡量不會去使用的方法。

反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...