利用CSS讓表格寬度不因為內容字數過多而撐大
範例說明：
兩個表格寬度設定只有100像數，
上面的表格會因為字數過多，而被撐大。
下面的表格在table標籤內設定 style="word-break:break-all;"，
內容文字會依照區塊的大小自動換行，
並且不影響表格的寬度，
但是，如果內容有英文單字，會因此被切斷單字。
如果不想英文單字被強制切斷，可使用 word-break:normal;
另外，遇到標點符號和空格的時候，想強制段行，可使用 word-break:keep-all;
程式碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>利用CSS讓表格寬度不因為內容字數過多而撐大</title>
</head>
<body>
<table width="100" border="1">
<tr>
<td>1111111111111111</td>
<td>2222222222222222</td>
</tr>
<tr>
<td>333333333333333333333333</td>
<td>444444444444444444444444</td>
</tr>
</table>
<hr>
<table width="100" border="1" style="word-break:break-all;">
<tr>
<td>1111111111111111</td>
<td>2222222222222222</td>
</tr>
<tr>
<td>333333333333333333333333</td>
<td>444444444444444444444444</td>
</tr>
</table>
</body>
</html>
參考或是複製語法時，別忘了留個言喔 ^ ^ ~