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

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

与其将斜线创建为背景图像，不如将其创建为内联元素并使用 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/

编辑:左边是你的，右边是我的。我画了红线来显示差异。它们不一样。