分享

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

 shineboy1 2015-10-23

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多