今天項目中遇到一個問題,一長串的字符串如: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