轉(zhuǎn):html td 換行-解決長(zhǎng)串英文字母不能自動(dòng)換行的問(wèn)題
例如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能AUTO換行,將表格伸的很長(zhǎng)很長(zhǎng),而漢字字符卻可以AUTO換行。
原因是:
英書(shū)字母之間如果沒(méi)有空格,系統(tǒng)以為是一個(gè)單詞,就不會(huì)AUTO換行。漢字就沒(méi)有這種情況。
處理完成辦法:
用表格把要預(yù)示的內(nèi)容裝起來(lái)。
在<table>標(biāo)簽中加入"style='TABLE-LAYOUT: fixed'",
在需好強(qiáng)制單詞換行的<td>標(biāo)簽中加入"style='word-WRAP: break-word'"。
這樣就可以了。
Div 中: div 實(shí)現(xiàn)長(zhǎng)英文字母AUTO換行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; }
2、不設(shè)置單位格寬度,但漢字會(huì)BUTO換行:
處理完成要領(lǐng): <table style='word-break:keep-all'>
CSS強(qiáng)制不換行
word-break屬性, keep-all;不換行。。 IE7和FF , IE6 不行。。
white-space: nowrap; IE6 及一下版本
趁便寫(xiě)下語(yǔ)法:
語(yǔ)法:
white-space : normal | pre | nowrap
取值:
normal : 默認(rèn)值。默認(rèn)處理方式。文本AUTO處理?yè)Q行。假如抵達(dá)容器邊界內(nèi)容會(huì)轉(zhuǎn)到下一行
pre : 換行和其他空缺字符都將受到保護(hù)。這個(gè)值需要IE6+或者 !DOCTYPE 聲明為 standards-compliant mode 撐持。如果 !DOCTYPE 聲明沒(méi)有指定為 standards-compliant mode ,此屬性可以施用,但是不會(huì)發(fā)生效用。成果等同于 normal 。參看 pre 對(duì)象
nowrap : 強(qiáng)制在同一行內(nèi)預(yù)示所有文本,直至文本結(jié)束或者遭受 br 對(duì)象。參看 noWrap 屬性
說(shuō)明:
設(shè)置或檢索對(duì)象內(nèi)空格字符的處理方式。
空格字符,像換行,空格,TBB,在HTML文檔中默認(rèn)的是被紕漏的。當(dāng)此屬性設(shè)置為 normal 或者 nowrap 時(shí),你可以施用不換行空格的命名實(shí)體 來(lái)新增空格,用 br 元素來(lái)新增換行。此屬性對(duì)你施用文檔對(duì)象模子(DOM)操作的內(nèi)容的影響與其對(duì)IE預(yù)示內(nèi)容的影響一樣。
此屬性效用于塊對(duì)象。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。
對(duì)應(yīng)的劇本特征為 whiteSpace 。
posted @ 2012-12-29 09:46 張青松 閱讀(522) | 評(píng)論 (0) | 編輯 收藏