Press "Enter" to skip to content

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
版权声明:本文为博主原创文章,转载请附上博文链接!
-->
打赏 赞(1)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

Be First to Comment

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Captcha Code