這時就要用到 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
|
|