自动调整内容大小

我试图为边栏小部件制作一个 h2头文件，但是我希望 div 类的宽度与内容的宽度成正比。似乎我不能仅仅设置一个宽度，因为那些内容较长而内容较短的标题会使它断开。

我如何简单地使宽度拉伸/改变取决于内容的长度有？如果你能帮忙，我将不胜感激。

219589 次浏览

小开

最好的方法是设置 display: inline;。但是请注意，在内联显示中，您将失去对某些布局属性(如手动高度和垂直边距)的访问权限，但是对于页面来说，这似乎不是问题。

小开

如果 display: inline;不工作，试试 display: inline-block;:)

小开

最佳答案

据我所知，display: inline-block是你可能需要的。这会让它看起来像是内联的但仍然允许你使用边距之类的东西。

小开

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

这是现代的解决方案。这里有一个小教程。

还有 fit-content，它的工作原理通常与 min-content类似，但是更加灵活(但是也有更差的浏览器支持)

这是一个相当新的特性，一些浏览器还不支持它，但是浏览器的支持正在增长。

小开

我遇到了同样的问题，我通过使用: max-width: fit-content;解决了它

小开

最简单的是:

width: fit-content;

小开

width: -moz-fit-content;
width: fit-content;