Div Size自动调整内容大小

Question

我正在尝试为侧边栏小部件创建一个h2标头，但我希望div类的宽度为内容的宽度。看起来我不能只设置一个宽度，因为那些内容较长但内容较短的标题会使其中断。

如何根据内容的长度简单地进行宽度拉伸/更改？任何帮助将不胜感激。

Answer 1

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

Answer 2

如果display: inline;无效，请试用display: inline-block;。 ：）

Answer 3

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

这是现代的解决方案。 Here is a small tutorial for that。

还有fit-content，它通常像min-content一样工作，但更灵活。 （但对浏览器的支持也更差。）

这是一个相当新的功能，某些浏览器尚不支持，但是浏览器的支持正在增长。 See the current browser status here。

Answer 4

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

解决了

Answer 5

h2 { display: inline }

Answer 6

执行此操作的最佳方法是设置display: inline;。但请注意，在内联显示中，您将无法访问某些布局属性，例如手动高度和垂直边距，但这对您的页面来说似乎不是问题。

Answer 7

尝试使用position: absolute;

Answer 8

最简单的是：

width: fit-content;