Html中td自動換行問題
表格有個字段,有可能是長串連續的數字,如1234567787897888888888888888888888,又有可能是一句話,如This value is assigned by the merchant’s bank or processor.
想讓一定長度處自動換行,用<td width=50>來設定的話,數字卻不自動換行,因爲系統把數字當成了一個單詞。
我設定<table rules="all" style="table-layout:word-wrap:break-word;word-break:break-all">數字是換行 了,但是又會給某個英語單詞給打斷,這不符合國外客戶的需求了。。。
實在不知道該怎麼搞。。
回答:
1、<table style="table-layout:fixed;word-wrap:break-word;"></table>
2、嚴格地講,你的要求超越了CSS的能力範圍。
word-wrap : normal | break-word---------內容將在邊界內換行,如果指定爲break-word,詞內換行(word-break)也將發生。
word-break : normal | break-all | keep-all
normal : 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行。
break-all : 該行爲與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本。
keep-all : 與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本 。
table-layout : auto | fixed
auto : 默認的自動算法。佈局將基於各單元格的內容。表格在每一單元格讀取計算之後纔會顯示出來。速度很慢。
fixed : 固定佈局的算法。在這算法中,水平佈局是僅僅基於表格的寬度,表格邊框的寬度,單元格間距,列的寬度,而和表格內容無關。
2008年07月16日 星期三 06:57 P.M.
例如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能處理自動換行,將表格伸的很長很長,而漢字字符卻可以自動換行。 (該解決辦法可行,親測) Div 中 : div 實現長英文字母自動換行CSS
IE瀏覽器 2、不設置單元格寬度,但漢字會自動換行: 解決方法: <table style='word-break:keep-all'> CSS強制不換行 word-break屬性, keep-all;不換行。。 IE7和FF , IE6 不行。。 white-space: nowrap; IE6 及一下版本 順便寫下語法:
語法: |