我的布局类似于:

<div>
    <table>
    </table>
</div>

我希望div只扩展到表的宽度。


当前回答

div{
  width:auto;
  height:auto;
}

其他回答

width:1px;
white-space: nowrap;

对我来说很好:)

我尝试了div.classname{display:table cell;},结果成功了!

我只需要设置填充:-whateverYouWantpx;

第二部分{宽度:配合内容;}<div><表></table></div>

如果我们定义一个全局变量并将其用于这两个变量会怎么样。

:根目录{--表格宽度:400px;}.容器{width:var(--表格宽度);边框:1px实心黑色;//易于可视化}.内表{width:var(--表格宽度);边框:1px纯红色;//易于可视化}<div class=“container”><table class=“inner table”><tr><td>美国广播公司</td></tr></table></div>