如何使div不大于其内容？

我的布局类似于：

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

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

当前回答

CSS2兼容解决方案应使用：

.my-div
{
    min-width: 100px;
}

您也可以浮动div，这将迫使它尽可能小，但如果div中有任何内容浮动，则需要使用clearfix：

.my-div
{
    float: left;
}

其他回答

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

width:1px;
white-space: nowrap;

对我来说很好：）

您可以尝试fit内容（CSS3）：

div {
  width: fit-content; 
  /* To adjust the height as well */ 
  height: fit-content;
}

浏览器支持规格

你的问题的答案在于未来，我的朋友。。。

即“内在”将随最新的CSS3更新而来

width: intrinsic;

不幸的是IE落后于它，所以它还不支持它

更多信息：CSS内部和外部尺寸模块级别3和我可以使用吗？：内在和外在尺寸。

现在，您必须满足＜span＞或＜div＞设置为

display: inline-block;

这似乎是一个13年前的问题。

.div{
display:inline-block;
}

.div{
display:inline-flex;
}

现在可以工作几天，没有任何兼容性问题。

推荐文章