table 英文字符不换行

最新推荐文章于 2021-07-26 11:45:35 发布

原创最新推荐文章于 2021-07-26 11:45:35 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种解决HTML表格中英文字符过长导致表格布局混乱的方法，通过设置CSS样式属性word-break和word-wrap为break-all及break-word，使得表格能够自动换行并保持布局完整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

table 英文字符不换行,撑破表格.
style= “word-break:break-all;word-wrap:break-word”
eg:

<table  class="table table-condensed" style= "word-break:break-all;word-wrap:break-word" >
            <thead>
            <tr role="row">
                <th align="center" style = "width:5%">ID</th>
                <!-- <th>Project</th> -->
                <th align="center" style = "width:15%">Component</th>
                <th align="center" style = "width:10%">AccessAttr</th>
                <th align="center" style = "width:15%">EnvName</th>
                <th align="center" style = "width:35%">Environment</th>
                <th align="center" style = "width:8%">Status</th>
                <!-- <th>Username</th> -->
                <th align="center" style = "width:10%">Action</th>
            </tr>
            </thead>
</table>