table td 内容太长css自动换行的实例

表格内容太长,使用 css 设置自动折行

注意table的style设置为: table-layout:fixed
td的style设置为:word-wrap:break-word

<table style="table-layout:fixed">
    <thead>
    <tr>
        <th>示例</th>
        <th >Time</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td style="word-wrap:break-word">很长的文本,很长的文本,很长的文本,很长的文本,很长的文本,很长的文本,很长的文本,很长的文本,很长的文本,很长的文本,很长的文本,很长的文本...</td>
        <td>时间</td>
    </tr>
    </tbody>
</table>

<-----------------------
作者:cominglately
来源:CSDN
原文:https://blog.csdn.net/cominglately/article/details/77480609
版权声明:本文为博主原创文章,转载请附上博文链接!
-->
Author: thinkwei

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注