Html 如何在居中图像下方添加文本

在这方面，有一个关于如何添加居中图像的页面

• 纯CSS解决方案
• 不破坏文档流（无浮动或绝对定位）
• 跨浏览器兼容性（甚至IE6）
• 完全响应
• 垂直居中

解决方案

*{
填充：0；
保证金：0；
}
#结束{
位置：绝对位置；
宽度：100%；
身高：100%；
文本对齐：居中；
}
塞特勒先生{
显示：内联块；
身高：100%；
垂直对齐：中间对齐；
}
.居中{
显示：内联块；
垂直对齐：中间对齐；
}

您可以使用

和

：

你好

您可以使用

和

：

你好

这个解决方案和我在问题中提到的一样吗？@sreginogemoh-Yes-buddy。你的小提琴也更新了。好的，我知道了。在我提到的例子中，有没有什么方法可以使它垂直居中。你知道图像的尺寸吗？是的，大约是

487x437px

这个解决方案和我在问题中提到的一样吗？@sreginogemoh是的，伙计。你的小提琴也更新了。好的，我知道了。在我提到的例子中，有没有什么方法可以使它垂直居中。你知道图像的尺寸吗？是的，大约是

487x437px

<figure>
  <img />
  <figcaption>Image</figcaption>
</figure>