Css-ulli图像对齐

我有以下html代码：

<ul id="top-bar">
    <li class="top-icon-block"><img src="images/home.png"></li>
    <li class="top-icon-sep-block"><img src="images/top_icon_separator.png"></li>
    <li class="top-icon-block"><img src="images/home.png"></li>
</ul>

出于某种原因，所有图像都是基于最高的填充顶部对齐的，而我确实需要它们有所不同

---

下面是一个JSFIDLE:

如果我正确理解了您的问题，那是因为元素上的填充不同，但它是与较大的填充内联呈现的。有效地向下推其他两个图像

向li元素添加一个隐藏的溢出应该可以解决这个问题，并隐藏显示的间隙，使其不受图像填充差异的影响

#top-bar li {
    overflow: hidden;
}

让我知道这是否解决了问题。

---

你需要它们“与众不同”是什么意思？A会很棒。你需要在小提琴中找到图像的绝对路径。

#top-bar li {
    overflow: hidden;
}