javascript - 如何在图像下方居中放置文本

标签 javascript html css

我想在图片下方居中放置文本。有问题的图像和文本在 passphrase generator at this site 中.我试过简单地添加一个 <br>在图像和文本之间,不同的显示属性,底部和顶部属性,单独改变文本的 flex 方向,可能还有更多我现在不记得了。 This is the JS以防万一我生成图像和文本的方式有问题。 非常感谢所有帮助!

最佳答案

您使用 html5 中的 figure 和 figcaption 元素

<figure>
    <img src="http://www.innomate.com/application/files/4514/8474/3363/front01.png" />
    <figcaption>Testing</figcaption>
</figure>

这里用 fiddle 来演示: https://jsfiddle.net/twk3abom/

关于javascript - 如何在图像下方居中放置文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43777400/

相关文章:

css - 如何在 visualforce 页面中使文本对齐

iphone - Mobile Safari 浏览器 - 视口(viewport)问题

html - 使用css拉伸(stretch)字体最实用的方法

javascript - 横幅设计创建者 - 测量

javascript - 允许在 iframe 中混合内容

javascript - 什么是好的 Javascript 时间选择器?

jquery - jqGrid - 向每一行添加编辑按钮

javascript - Wordpress 点击子菜单关闭当前子菜单

html - nav li 标签的自动宽度

javascript - 直接在 Github 存储库中包含 JS 插件文件?