bootstrap table自动换行

最新推荐文章于 2025-01-21 11:17:17 发布

原创最新推荐文章于 2025-01-21 11:17:17 发布 · 3w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap

编程之美专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种在HTML表格中实现内容自动换行的方法，通过设置特定的样式属性，可以使表格中的文字根据单元格宽度自动换行，适用于展示长字符串或多行文本而不破坏表格布局。

怎样让HTML 表格中内容自动换行？？

style="word-break:break-all; word-wrap:break-all;"

<div class="span12">
    <table class="table table-condensed" style="word-break:break-all; word-wrap:break-all;">
    <thead>
        <tr>
        <tr>
            <th class="span1">事件id</th>
            <th class="span1">ip地址</th>
            <th class="span5">内容</th>
            <th class="span1">次数</th>
            <th class="span2">time</th> 
        </tr>
        </tr>
</div>