html - 垂直对齐因图像而困惑

Question

<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/

是否有任何跨浏览器的修复程序？

非常感谢您的帮助!

Answer 1

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

但是对于你的问题 - solution