链接的图像和文字

Question

我想环绕既与图像和字幕的HTML链接标记，所以像

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

的标题应该去下面的图片，但我不知道这是一个很好的方法（增加一个<br>作品，但似乎不干净）。我希望能够使用一个风格的元素，但我不能把div里面。

Answer 1

使a的行为像一个div（关于它如何被称呼）你可以用一个跨度

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

http://jsfiddle.net/ZgKqF/

Answer 2

您可以

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

Answer 4

试一下这个 - DEMO

无需改变你的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; 
}