我的布局类似于:
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
我的布局类似于:
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
只需将样式放入CSS文件
div {
width: fit-content;
}
其他回答
div{
width:auto;
height:auto;
}
我尝试了div.classname{display:table cell;},结果成功了!
如果我们定义一个全局变量并将其用于这两个变量会怎么样。
:根目录{--表格宽度:400px;}.容器{width:var(--表格宽度);边框:1px实心黑色;//易于可视化}.内表{width:var(--表格宽度);边框:1px纯红色;//易于可视化}<div class=“container”><table class=“inner table”><tr><td>美国广播公司</td></tr></table></div>
仅仅
<div style="display: inline;">
<table>
</table>
</div>
解决方案是将div设置为display:inline块。