如何将中斜杠图像与链接对齐？

Question

我有这个css代码http://jsfiddle.net/989Pd/，其中斜杠图像必须位于文本高度的中间。我该怎么办？

<div class="menu">
<div class="pedio940">
<ul>
<li><a href="#">Αρχική</a></li>
<li><a href="#">Προσθήκη RSS</a></li>
<li><a href="#">Επικοινωνία</a></li>
</ul>
</div>
</div>

Answer 1

您只需调整li

的高度即可

http://jsfiddle.net/989Pd/3/

Answer 2

不是将斜杠创建为背景图像，而是将其创建为内联元素并使用CSS：vertical-align:middle。

.menu ul li:after {
   content:url("http://i.imgur.com/uB4Gz.png");
   display:inline;
   vertical-align:middle
}

演示：http://jsfiddle.net/989Pd/8/

修改：您的位于左侧，我的位于右侧。我画了红线来表示差异。它们不一样。

Answer 3

为背景设置一个最高值，如下所示：http://jsfiddle.net/989Pd/9/