这是我的-
<a href="/mi/">
<img id="i1" name="First" src="1.JPEG" onClick="return goto(this);"></img>
First Image
</a>
我在我的模板中循环使用这段代码来像时尚一样在网格(图库)中显示一堆图像。我想在所有图片下方显示一行标题。
我想在 img
正下方显示“第一张图片”文本(这是一个链接)标签。我想因为我有 <a>
作为父容器,文本应放在 <img>
下方但这并没有发生。
如何在图片下方居中显示文字?
最佳答案
应该这样做:
<html>
<head>
<style>
.imageLink{
text-align:center;
}
.imageLink img{
display:block;
}
</style>
</head>
<body>
<a href="/mi/" class="imageLink">
<img id="i1" name="First" src="1.JPEG" onClick="return goto(this);" />
First Image
</a>
</body>
</html>
希望对您有所帮助。
关于img 标签下方的 HTML 中心文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12550491/