Fatal编程技术网
  • html/
  • Html 真的不可能让div的大小与内容相匹配吗？

Html 真的不可能让div的大小与内容相匹配吗？

html

Html 真的不可能让div的大小与内容相匹配吗？,html,size,width,Html,Size,Width,我想澄清一下，是否可以根据内容的大小使div适合其大小，而不必使元素浮动或使其位置绝对。有可能吗？您可以使用。CSS显示设置 这当然是你想要的 可以看到所有三种可能的解决方案： display:inline block-这是您不知道的块 位置：绝对位置 浮动：左/右 您可以使用： width:-webkit-fit内容； 高度：-webkit适合内容； 宽度：-moz-fit内容； 高度：-moz-fit内容； 编辑：否。请参阅 另外： 您也可以使用 单词break：打破一切 当一切似乎都不

我想澄清一下，是否可以根据内容的大小使div适合其大小，而不必使元素浮动或使其位置绝对。有可能吗？

您可以使用。

CSS
显示设置
这当然是你想要的
可以看到所有三种可能的解决方案：


    

  • display:inline block
    -这是您不知道的块
    • 

  • 位置：绝对位置
    • 

  • 浮动：左/右
    • 

您可以使用：


width:-webkit-fit内容；
高度：-webkit适合内容；
宽度：-moz-fit内容；
高度：-moz-fit内容；


编辑：否。请参阅

另外：
您也可以使用

单词break：打破一切


当一切似乎都不起作用时，这总是有效的；）
 它在Edge和Chrome上运行良好：


  width: fit-content;
  height: fit-content;



我已经更新了我的概念证明JSFIDLE，它还显示了
position:absolute
的可能性。这也是可能的。点击我答案中的链接。谢谢！我没有考虑内联块！这是巨魔的回答吗？fit content不是有效的宽度或高度属性值。它可以工作，但您必须将该值设置为
-webkit fit content
或
-moz fit content
，具体取决于您使用的浏览器。确定。我不知道。到2021年，桌面浏览器不支持webkit或moz前缀，但显然移动浏览器仍然需要前缀。想象一下，如果我们能够做到这一点，web开发将变得多么简单！我想要
显示：块内联
！！（即外部表现为块，内部表现为内联-与
内联块
相反）