html – 使div宽度自动适应其中的内容

发布时间：2020-12-14 16:41:43 所属栏目：资源来源：网络整理

导读：我有一个桌子可以撒谎的div.现在我希望这个div的宽度自动设置为其中的表格宽度. 例如： div table tr tdHello/td tdWorld/td /tr tr tdSample/td tdTable/td /tr /table/div 我试过浮动：左;财产到它.它有效,但随后又产生了另一个问题.无论什么内容放在这个d

我有一个桌子可以撒谎的div.现在我希望这个div的宽度自动设置为其中的表格宽度.

例如：

<div>
  <table>
    <tr>
      <td>Hello</td>
      <td>World</td>
    </tr>
    <tr>
      <td>Sample</td>
      <td>Table</td>
    </tr>
  </table>
</div>

我试过浮动：左;财产到它.它有效,但随后又产生了另一个问题.无论什么内容放在这个div放在空的空间右侧.

需要做什么？

解决方法

您必须通过添加style =“clear：left;”来清除div之后的float.在你的连续元素上：

<div style="float: left;">
    <table>...</table>
</div>
<div style="clear: left;">
    ...
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!