CSS:强制文本换行(或者只用其中一个子元素定义元素宽度)

Question

好的,这对我来说很奇怪.这是我正在使用的HTML元素:

带有标题的照片.理想情况下,我希望它看起来像这样,通过纯CSS:

图像的父元素的宽度需要取决于图像的大小.

我可以改变所需的标记.(该文本目前不在其自己的div中,但如果有必要,可以使用.)CSS中是否有任何方法可以实现此目的？我得到的印象是我需要"强制"文本尽可能地包装(这似乎不可能实现),或者使整个元素的宽度仅依赖于一个元素而忽略另一个(我从未听过)之前).

是否有一个真正的办法吗？或者我需要使用神奇的Javascript代替？(JS解决方案相当简单,但相当蹩脚......)

Answer 1

查看这篇精彩的文章，了解处理带标题的图像场景的最佳方法。

就我个人而言，这是一种你必须忍耐并坚持下去的情况。