強制HTML表格內文不超出設定寬度 (強制斷行) : Neo 's Blog

這時就要用到 CSS 裡的 word-break 屬性，將其設為 break-all 即可。

這時您就會發現本來應該超出 width=100 的文字卻自動折到下一行了!

P.S.若未設定 width ，則超過螢幕畫面右側的字就會自動折行囉。

HTML範例:

<TABLE width="100" style="word-break:break-all">
<tr>
<td>NeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeo
</td>
</tr>
</table>

無加上 word-break:break-all

NeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeo

加上word-break:break-all 顯示結果:

NeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeoNeo