強制固定表格寬度
2012年10月11日 星期四
今天遇到talbe裡的內容因為輸入字串太長,雖然table有設定長度,但是還是會發生不會自動換行
這種情況都是在輸入一連串英文會發生,這時候如果加上以下語法則可避免此問題
style= "word-break:break-all; "
不過呢?此語法不支援firefox喔,請注意!!
<html>
<head>
<title>html測試</title>
</head>
<body>
1.
<table border="1">
<tr>
<td width="100px">長度100px</td>
</tr>
</table>
2.
<table border="1">
<tr>
<td width="100px">長度100px 這是會自動換行的</td>
</tr>
</table>
3.
<table border="1">
<tr>
<td width="100px">長度100px 被亂搞aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
4.
<table border="1">
<tr>
<td width="100px" style= "word-break:break-all; ">長度100px 被亂搞aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
</body>
</html>
1.正常
長度100px |
2.輸入正常中文
長度100px 這是會自動換行的 |
3.輸入不正常英文
長度100px 被亂搞aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
4.修正後
長度100px 被亂搞aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa |
訂閱:
文章 (Atom)