Html Figcaption宽度不适合图像-'；宽度：适合内容'；无效的

我正试图使“text here”标题与图像的宽度相同。我在标题中添加了

width:fit content

，但它忽略了它，并为文本内容设置了一个宽度

如何解决这个问题？有人能解释一下我做错了什么吗？谢谢你的帮助

img{
最大宽度：488px；
宽度：526px；
最大高度：338px；
}
身材{
文本对齐：居中；
显示器：flex；
对齐项目：居中；
证明内容：中心；
柔性流：柱包裹；
}
菲卡普顿{
背景色：#E0；
填充：4px；
字号：85%；
宽度：适合的内容；
}

此处的文本

标题宽度没有了解图像宽度的方法

有一种方法使用

表格

布局

img{
最大宽度：488px；
宽度：526px；
最大高度：338px；
显示：块；
}
身材{
文本对齐：居中；
显示：表格；
宽度：1%；
}
菲卡普顿{
背景色：#E0；
填充：4px；
字号：85%；
}

我的同僚们都是精英。除了暂时性的自由消费外，其他的都是什么？

-这是宽度相同的文本和图像。您需要设置figcaption的宽度以匹配图像。图像大小不同时如何处理？如何使用width:fit内容？还有其他想法吗？我不想用桌子来解决这个问题<代码>调整内容应该与段落一样宽…而不是图像。但是没有段落-我认为宽度：调整内容应该与内容的宽度相匹配段落=figcaption…并且它将与文本允许的宽度一样宽。在这种情况下，比图像宽。