大家網頁設計時都知道係table某一格插入文本時,如果係中文梗然冇問題啦,當到達指定寬度時會自動換行,但如果係英文或數字之類既就會有問題了.因為佢係以空格為英文單詞間既區別,但係如果輸入一長串英文,中間不含空格時,表格就變左形.但事實table既style裡有一項可以比英文強制換行的,就係 word-break,當把這項設為break-all時大家就可以睇到效果了.

  示例代碼:

  <table width="100%" style="word-break:break-all">
  
  <td width="20%">
  
   aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
  
  </td><td width="80%"></td></table>

  

  把呢段copy到body裡睇下.

  word-break仲有兩個選項:normal就是通常的,不設置時的效果了。

  keep-all:則是和break-all相反,是不管什麼字符在沒有空格和換行符的情況下都不換行

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 qiuqiu 的頭像
    qiuqiu

    SEO網頁設計

    qiuqiu 發表在 痞客邦 留言(0) 人氣()