我的布局类似于：
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
第二部分{宽度：配合内容；}＜div＞<表></table></div>
其他回答
您可以使用内联块作为@user473598，但要注意较旧的浏览器。。
/* Your're working with */
display: inline-block;
/* For IE 7 */
zoom: 1;
*display: inline;
/* For Mozilla Firefox < 3.0 */
display:-moz-inline-stack;
Mozilla根本不支持内联块，但他们有-moz内联堆栈，这几乎是一样的
内联块显示属性周围的一些跨浏览器：https://css-tricks.com/snippets/css/cross-browser-inline-block/
您可以在以下位置看到一些具有此属性的测试：https://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/
对我有用的是：
display: table;
（在Firefox和Google Chrome上测试）。
.outer{
width:fit-content;
display: flex;
align-items: center;
}
.outer .content{
width: 100%;
}
<div class=outer>
<div class=content>
Add your content here
</div>
</div>
我在一个div中有一个span，只需在容器div中设置margin:auto就可以了。
不知道这将出现在什么上下文中，但我相信CSS样式的属性float（向左或向右）将产生这种效果。另一方面，它也会有其他副作用，例如允许文本在其周围浮动。
如果我错了，请纠正我，我不是100%确定，目前无法自己测试。
