Div Size自动调整内容大小

Zac*_*ith 43 css

我试图为侧边栏小部件制作一个h2标题,但我希望div类的宽度为内容的宽度.似乎我不能只设置一个宽度,因为那些内容较长而内容较短的标题会使其中断.

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

Svi*_*ish 75

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

  • 但它使我的div宽度为100%,这是我不需要的 (2认同)
  • 顺便说一句,如果我是你,我会通过 http://validator.w3.org 运行该站点,并尝试将其精简很多。我没有糟糕的互联网连接,也没有很慢的计算机,但是您的页面几乎需要 1.5 分钟才能加载。例如,您有一些比实际需要大得多的图像;每个大约 200kB。如果还没有安装 http://getfirebug.com,请打开它的 Net 选项卡并重新加载您的页面(可能是 Ctrl+F5) (2认同)

fru*_*oaf 8

最简单的是:

width: fit-content;


rug*_*ugk 7

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

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

还有fit-content,它通常类似于min-content,但更灵活。(但对浏览器的支持也较差。)

这是一项相当新的功能,某些浏览器尚不支持,但浏览器支持正在增长。在此处查看当前浏览器状态

  • 这确实应该是正确的答案。它是解决问题而不产生更多问题的唯一答案。干得好,谢谢。 (2认同)

Kyl*_*yle 6

如果display: inline;不工作,请尝试display: inline-block;.:)