萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML表格中英文和數字換行問題
HTML表格中英文和數字換行問題
由於項目的需要，其中一個屬性的值不能超過50個字符限制，在測試的時候發現table中只能顯示大概20多個字符，其余的都被遮蓋掉了，故搜尋了一下解決方案，以備下次再用。
測試程序如下：
Html代碼
<html>
<head>
<title>
測試英文和數字表格換行
</title>
</head>
<body>
<table style="table-layout:fixed;word-break:break-all" width="100%" border="0" cellspacing="0" cellpadding="5" >
<tr>
<th>值</th>
<th>含義</th>
<th>更新時間</th>
<th>操作人</th>
<th>操作</th>
</tr>
<tr>
<td>測試</td>
<td>ABCDGFHGJYABCDGFHGJYABCDGFHGJYABCDGFHGJYABCDGFHGJY</td>
<td>2009-09-18 15:43:24</td>
<td>某人</td>
<td>換行<td>
</tr>
</table>
</body>
</html>
這裡說明一下其中style屬性中的語法：
Html代碼
table-layout :auto | fixed
參數：
Html代碼
auto ： 缺省設置. 列寬將設置為不可分割的最大的內容的寬度。
fixed ： 表的寬度和列的寬度固定，不隨單元格中內容而改變
1、設置了各個列的寬，沒有設表的寬：表的寬度等於各個列的寬度和
2、設置了表的寬度，沒有設各個列的寬度：各個列的寬度平均分配
3、要是都沒設置寬度：表的寬度為100％，各個列的寬度平均分配
Html代碼
word-break : normal | break-all | keep-all
參數：
Html代碼
normal : 依照亞洲語言和非亞洲語言的文本規則，允許在字內換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任 意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語言的normal相同。對於中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本
注意：該語法僅適用於IE內核，對火狐不兼容！
