Javascript 将浮动div的宽度自动固定为图像大小

我想知道是否有一种方法可以强制包含图像和文本的浮动div不超过图像而不是文本的宽度，从而强制文本以该宽度换行

这里有一些描述性文字

当文本字符串占用的空间小于图像宽度时，一切正常。但是当有更多的文本时，默认情况是让div展开而不包装文本

显而易见的解决方案是将div的宽度定义为与图像相同。然而，由于我有大约50页这样的图片，每一张图片都有不同的大小和方向，我想找到一种方法，避免对每一张单独编码

如果可能的话，我更喜欢CSS解决方案，但如果不是JS。该站点是静态的，因此无法使用服务器端解决方案

---

谢谢

这里有一种方法

div{ 显示：内联块； } p{ 单词break：打破一切； 最小宽度：100%； 宽度：最小含量； } Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界的标准假人

---

令人惊叹的非常感谢。flex:1从我的快速尝试来看似乎没有必要。假设是这样，那么div应该是display:inline flex？很抱歉，这是错误添加的。我编辑了答案