我的布局类似于:
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
我的布局类似于:
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
第二部分{宽度:配合内容;}<div><表></table></div>
其他回答
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
Foo Hack–对内联块样式的跨浏览器支持(2007-11-19)。
有两种更好的解决方案
显示:内联块;或显示:表格;
其中有两个显示:表;更好,因为显示:内联块;增加额外的边距。
用于显示:内联块;可以使用负边距方法来修复多余的空间
评论中提到了这一点,在其中一个答案中很难找到:
如果出于任何原因使用display:flex,则可以改用:
div {
display: inline-flex;
}
这在浏览器中也得到广泛支持。
只需将样式放入CSS文件
div {
width: fit-content;
}
仅仅
<div style="display: inline;">
<table>
</table>
</div>