td中不包含漢字的字符串不換行,包含漢字的能換行的問題緣由及解決方法

今天項目中遇到一個問題,一長串的字符串如:003403FF0014E54016030CC655BC3242,可是如:中國河北省石家莊市裕華區槐安路雅清街交口 這樣的就能夠換行。html

緣由是:英文字母之間若是沒有空格,系統認爲是一個單詞,就不會自動換行。漢字就沒有這種狀況。瀏覽器

解決辦法:spa

用表格把要顯示的內容裝起來。
在<table>標籤中加入「style='TABLE-LAYOUT: fixed'」,
在須要強制單詞換行的<td>標籤中加入「style='word-WRAP: break-word'」。
這樣就能夠了。orm

  Div 中 : htm

  div 實現長英文字母自動換行CSS
IE瀏覽器
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}

Firefox瀏覽器
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }ci

  二、不設置單元格寬度,但漢字會自動換行:字符串

  解決方法: <table style='word-break:keep-all'>it

 

 

轉自:http://www.educity.cn/wenda/7175.html,感謝原著!table

相關文章
相關標籤/搜索