0

我想在图像和标题周围包装一个 html 链接标签，所以像

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

标题应该在图像下方，但我不确定这样做的好方法（添加<br>作品，但似乎不干净）。我希望能够使用样式元素，但我不能在div里面放一个。

4

4 回答 4

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;
}
于 2012-08-03T16:31:34.063 回答
1

您可以将标题包装在跨度内

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

http://jsfiddle.net/ZgKqF/

于 2012-08-03T16:28:25.720 回答
1

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

然后用javascript显示alt属性，用javascript显示。查看此以供参考从位于 <a> 标记内的图像中获取“alt”属性

于 2012-08-03T16:30:21.713 回答
-1

您可以a使用

display: block
于 2012-08-03T16:27:34.697 回答