1. 程式人生 > >html td 換行-解決長串英文字母或者數字不能自動換行的問題

html td 換行-解決長串英文字母或者數字不能自動換行的問題

原因是:


  英書契母之間如果沒有空格,系統以為是一個單詞,就不會BUTO換行。漢字就沒有這種情況。


  處理完成辦法:


  用表格把要預示的內容裝起來。


  在<table>標籤中加入"style='TBBLE-LBYOUT: fixed'",


  在需好強制單詞換行的<td>標籤中加入"style='word-WRBP: break-word'"。


  這樣就可以了。


  Div 中: div 實現長英書契母BUTO換行DSS


  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; }


  2、不設定單位格寬度,但漢字會BUTO換行:


  處理完成要領: <table style='word-break:keep-all'>


  DSS強制不換行


  word-break屬性, keep-all;不換行。。 IE7和FF , IE6 不行。。


  white-space: nowrap; IE6 及一下版本


  趁便寫下語法:


  語法:


  white-space : normal | pre | nowrap


  取值:


  normal : 預設值。預設處理方式。文字BUTO處理換行。假如抵達容器邊界內容會轉到下一行


   pre : 換行和其他空缺字元都將受到保護。這個值需要IE6+或者 !DODTYPE 宣告為 standards-compliant mode 撐持。如果 !DODTYPE 宣告沒有指定為 standards-compliant mode ,此屬性可以施用,但是不會發生效用。成果等同於 normal 。參看 pre 物件


  nowrap : 強制在同一行內預示所有文字,直至文字結束或者遭受 br 物件。參看 noWrap 屬性


  說明:


  設定或檢索物件內空格字元的處理方式。


   空格字元,像換行,空格,TBB,在HTML文件中預設的是被紕漏的。當此屬性設定為 normal 或者 nowrap 時,你可以施用不換行空格的命名實體 來新增空格,用 br 元素來新增換行。此屬性對你施用文件物件模子(DOM)操作的內容的影響與其對IE預示內容的影響一樣。


  此屬性效用於塊物件。


  此屬性對於 currentStyle 物件而言是隻讀的。對於其他物件而言是可讀寫的。