HTML - 给定一个表格,如何在不破坏布局的情况下允许一列流动

2024-03-11

我有以下内容:

<div style="width:100%;">

 <table>
  <tr>
    <td style="width:30px;">hi</td>
    <td style="width:40px;">hi</td>

    <td id="lotoftext" style="width:auto;white-space:nowrap;overflow:hidden;">LOTS Of text in here, LOTS</td>

    <td style="width:25px;">hi</td>
  </tr>
 </table>

</div>

我想要发生的是让这个表增长到外部 DIV 的 100%。问题是,表格内有大量文本,ID='lotoftext' 导致表格的宽度增长到大于外部 div 的宽度,从而破坏了页面。

有任何想法吗?谢谢


你能用吗最大宽度 http://www.w3schools.com/css/pr_dim_max-width.asp?您可能需要在该特定 TD 内放置一个 div 并指定最大宽度

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML - 给定一个表格,如何在不破坏布局的情况下允许一列流动 的相关文章