Div Size自动调整内容大小

据我所知, display: inline-block 是你可能需要的。这将使它看起来像是一种内联的,但仍然允许您使用诸如边距之类的东西。

如果你要来这里,很有可能 width: min-content 或 width: max-content 可以解决你的问题。这可以强制元素使用浏览器可以选择的最小或最大空间

这是现代的解决办法。 Here is a small tutorial for that

还有 fit-content ,这通常像 min-content ,但更灵活。(但也有更差的浏览器支持。)

See the current browser status here .

display: inline; 不起作用,试试看 display: inline-block; . :)

h2 { display: inline }

最好的办法是 display: inline;

我也面临同样的问题,我通过以下方法解决了这个问题: max-width: fit-content;

width: fit-content;