css - 当 anchor 包含图像时如何将此链接文本垂直居中

Question

代码如下:

<div><a><img src=" http://www.seeklogo.com/images/R/Random_House_Bertelsmann-logo-B80776D5CA-seeklogo.com.gif"/>Test</a>​​​​​​​​​<div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

这是 fiddle :

http://jsfiddle.net/zjfw2/

谢谢。

Answer 1

文本是根据图像的对齐方式对齐的。这似乎有悖常理，但您需要将图像居中对齐以使文本正确对齐。

img { vertical-align:middle; }