我的布局类似于：
<div>
<table>
</table>
</div>
我希望div只扩展到表的宽度。
当前回答
我通过在div标记中添加span标记，并将CSS格式从外部div标记移动到新的内部span标记，解决了一个类似的问题（我不想使用display:inline块，因为项目居中）。如果display:inline块不是适合您的答案，那么就把它作为另一个备选方案。
其他回答
尝试显示：inline block；。为了实现跨浏览器兼容，请使用以下css代码。
第二部分{显示：内联块；显示：-moz内联堆栈；缩放：1；*显示：内联；边框样式：实心；边框颜色：#0000ff；}＜div＞<表><tr><td>第1列</td><td>第2列</td><td>第3列</td></tr></table></div>
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
Foo Hack–对内联块样式的跨浏览器支持（2007-11-19）。
我尝试了div.classname｛display：table cell；｝，结果成功了！
width:1px;
white-space: nowrap;
对我来说很好：）
评论中提到了这一点，在其中一个答案中很难找到：
如果出于任何原因使用display：flex，则可以改用：
div {
display: inline-flex;
}
这在浏览器中也得到广泛支持。
