码上敲享录 > HTML+CSS实战 > 如何让table中td或th标签的内容宽度固定,内容自动换行,添加table-layout: fixed后,td跨行无效果解决方法

如何让table中td或th标签的内容宽度固定,内容自动换行,添加table-layout: fixed后,td跨行无效果解决方法

章节目录下一章 2017-09-19已有4856人阅读 评论(0)

如何让table中td或th标签的内容宽度固定,内容自动换行,添加table-layout: fixed后,td跨行无效果解决方法。

<table style="table-layout: fixed;">

 <tr style="height: 0px;border: 0px;padding: 0px;margin: 0px;">

    <td  style="word-wrap:break-word;height: 0px;border: 0px;padding: 0px;margin: 0px;"></td>

     <td  style="word-wrap:break-word;height: 0px;border: 0px;padding: 0px;margin: 0px;"></td>

 </tr>

 <tr>

     <td  style="word-wrap:break-word;">内容自动换行</td>

     <td  style="word-wrap:break-word;">内容自动换行</td>

 </tr>

</table>


上面添加的第一行tr的目的是解决添加table-layout: fixed后,td跨行无效果的情况。


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交