img标签下方的HTML中心文字

Question

img标签下方的HTML中心文字

这是我的 -

<a href="/mi/">
    <img id="i1" name="First" src="1.JPEG" onClick="return goto(this);"></img> 
    First Image 
</a>

Run Code Online (Sandbox Code Playgroud)

我在模板的循环中使用这段代码来显示像时尚一样的网格(图库)中的一堆图像.我想在所有图像下方显示一行标题.

我想在img标签下方显示"First Image"文本(这是一个链接).我认为,因为我<a>作为父容器,文本应放在下面,<img>但这不会发生.

如何在图像正下方显示文字？

Answer 1

mbi*_*tte 7

这应该做:

<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>

Run Code Online (Sandbox Code Playgroud)

希望能帮助到你.

归档时间：	13 年，2 月前
查看次数：	6901 次
最近记录：	13 年，2 月前