提示:
这种方法是利用了一个空的span标签作为垂直居中的钩子
需要注意的是,如果div标签内的span标签和img标签不在同一行,并且不是紧密写在一起的话,那么就需要在外层的div中添加font-size:0
添加font-size:0主要是考虑部分浏览器会对换行和空格产生一个“字符”做处理
关闭提示
图片外框定义

XHTML代码结构:

<div class="test_box">
<span class="hook"></span>
<a href="http://blog.linxz.de/css_book/" target="_blank"><img src="book.jpg" alt="" /></a>
</div>

CSS代码样式: