评论中提到了这一点，在其中一个答案中很难找到：

如果出于任何原因使用display：flex，则可以改用：

div {
    display: inline-flex;
}

这在浏览器中也得到广泛支持。

width:1px;
white-space: nowrap;

对我来说很好：）

只需将样式放入CSS文件

div { 
    width: fit-content; 
}

不知道这将出现在什么上下文中，但我相信CSS样式的属性float（向左或向右）将产生这种效果。另一方面，它也会有其他副作用，例如允许文本在其周围浮动。

如果我错了，请纠正我，我不是100%确定，目前无法自己测试。

div{
  width:auto;
  height:auto;
}

只需使用display：inline；（或空白：nowrap；）。

我希望你觉得这很有用。