如何使div不大于其内容？

我的布局类似于：

<div>
    <table>
    </table>
</div>

我希望div只扩展到表的宽度。

当前回答

您可以选择高度：100%和宽度。这使得div不大于其内容。

其他回答

width:1px;
white-space: nowrap;

对我来说很好：）

在Firebug中我发现了属性值-moz fit content，它完全符合OP的要求，可以如下使用：

width: -moz-fit-content;

虽然它只在Firefox上运行，但我找不到其他浏览器（如Chrome）的等效版本。

我尝试了div.classname｛display：table cell；｝，结果成功了！

您可以选择高度：100%和宽度。这使得div不大于其内容。

有两种更好的解决方案

显示：内联块；或显示：表格；

其中有两个显示：表；更好，因为显示：内联块；增加额外的边距。

用于显示：内联块；可以使用负边距方法来修复多余的空间

推荐文章