图像锚点和文本未垂直对齐

Question

我有以下菜单

    <ul id="fMenu">
<li><a href="#"><img src="images/connect/Facebook.png">Be a Fan</a></li>
<li><a href="#"><img src="images/connect/Twitter.png">Follow Us</a></li>
<li><a href="#"><img src="images/connect/Google+.png">+1</a></li>
<li><a href="#"><img src="images/connect/Flickr.png">Flickr</a></li>
<li><a href="#"><img src="images/connect/Tumblr.png">Tumblr</a></li>
</ul>

我的问题是链接文字显示在图像下方，我希望文字对着图像的中间

关心Jane

Answer 1

您可能想在图片上设置vertical-align属性，最有可能是middle或text-bottom

<img ... style="vertical-align:middle;" />

编辑：

因为您发布了一些代码，请在样式表中执行：

ul#fMenu li a img {vertical-align:middle;}