由于图像，垂直对齐搞砸了答案

【问题标题】：Vertical alignement messed up due to the image由于图像，垂直对齐搞砸了
【发布时间】：2011-08-14 16:04:51
【问题描述】：

<ul>
    <li><a href="#">Menu 1 <img src="image.png" alt="" /></a></li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a>
</ul>

由于在 li 的内部添加了一个小图像，此菜单的垂直对齐混乱。请看：http://jsfiddle.net/7n4sZ/

是否有任何可以跨浏览器工作的修复程序？

非常感谢您的帮助！

【问题讨论】：

【解决方案1】：

我已经为您提供了一个 jquery 解决方案。如果添加一些不同高度的图像，直接使用 css 是很困难的。有了更多的数学知识，并按高度分组，这是可能的。

但是对于你的问题 - solution

【讨论】：

【解决方案2】：

将此添加到您的 css 中

img {vertical-align:bottom;}

【讨论】：