链接图像和文本

Question

我想用一个html链接标签把和图片和标题都包起来，这样就像这样

<a href="link"><img src="...">Caption Text</img></a>

标题应该在图片下方，但我不确定这样做的好方法(添加<br>可以，但看起来不干净)。我希望能够使用一个带样式的元素，但是我不能在里面放一个div。

Answer 1

您可以将标题放在span内。

<a href="link"><img src="..."/><span style="display: block;">Caption Text</span></a>

http://jsfiddle.net/ZgKqF/

Answer 2

试试这个-

无需更改您的HTML

<a href="link">
    <img src="http://lorempixel.com/200/100" />
    Caption Text
</a>

CSS

a {
    display: inline-block;
    text-align: center;
    border: 2px solid orange;
}

img {
    display: block;
}

Answer 3

这样试试：<a href="link"><img src="..." alt="Caption Text" /></a>

然后使用javascript显示alt属性，并与javascript一起显示。请看下面的参考Get the "alt" attribute from an image that resides inside an tag