我的布局类似于：
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
可以对父元素使用display:flex
#parentElement {
display: flex;
flex-direction: column;
align-items: flex-start;
}
其他回答
我在一个div中有一个span，只需在容器div中设置margin:auto就可以了。
修订版（如果您有多个孩子，则适用）：您可以使用jQuery（查看JSFiddle链接）
var d= $('div');
var w;
d.children().each(function(){
w = w + $(this).outerWidth();
d.css('width', w + 'px')
});
不要忘记包含jQuery。。。
在此处查看JSfiddle
你的问题的答案在于未来，我的朋友。。。
即“内在”将随最新的CSS3更新而来
width: intrinsic;
不幸的是IE落后于它，所以它还不支持它
更多信息：CSS内部和外部尺寸模块级别3和我可以使用吗？：内在和外在尺寸。
现在，您必须满足＜span＞或＜div＞设置为
display: inline-block;
评论中提到了这一点，在其中一个答案中很难找到：
如果出于任何原因使用display：flex，则可以改用：
div {
display: inline-flex;
}
这在浏览器中也得到广泛支持。
这似乎在所有浏览器上都很适用。示例是我在网上和时事通讯中使用的实际广告。只需更改div的内容。它将根据您指定的填充量进行调整和收缩。
<div style="float:left; border: 3px ridge red; background: aqua; padding:12px">
<font color=red size=4>Need to fix a birth certificate? Learn <a href="http://www.example.com">Photoshop in a Day</a>!
</font>
</div>
