如何將中間斜線圖像與鏈接對齊？

我有這個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>

來源

2011-10-07 EnexoOnoma

而不是創建斜線作爲背景圖像的高度，將其創建爲一個內聯元素，並使用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/

編輯：你們是在左邊，我的是在右邊。我畫了紅線以顯示不同之處。他們不一樣。

enter image description here

來源

2011-10-07 19:47:42 Phrogz

這對我來說似乎是一樣..在歌劇和鍍鉻上測試 – EnexoOnoma

@fiogkos他們不一樣。我編輯了我的答案來證明這一點。沒有附加信息的你的降薪不會鼓勵人們幫助你。 – Phrogz

你可以只調整的li

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

來源

2011-10-07 19:42:46

非跨瀏覽器 – EnexoOnoma

和瀏覽器是不是在工作？我沒有看到這是一個downvote的理由。 –

-1

投放在這樣的背景頂部值：http://jsfiddle.net/989Pd/9/

來源

2011-10-07 19:48:00

非跨瀏覽器 – EnexoOnoma

如何將中間斜線圖像與鏈接對齊？

回答

相關問題