圖像導航鏈接對齊（基本CSS）

Question

嗨，我有一個非常基本的問題，但我找不到幫助我的教程，似乎沒有任何工作。

我有一個導航：

<ul> 
<li> 
    <a href="?page=home" ><img src="img/HOME.png"/></a> 
</li> 
<li> 
    <a href="?page=team" ><img src="img/TEAM.png"/></a> 
</li> 
</ul> 

我想在鏈接標記的圖像右對齊，所以我得到右對齊的圖像塊。浮動不工作，文本對齊：右不工作，正確：0px;位置：絕對;也沒有工作。

Answer 1

不要使用!important。

你想把它們對齊到什麼位置？正確的浮動。 li和a標籤不是塊元素文本對齊將不起作用，因爲li和a只會擴展到內部的寬度。如果你想這樣做，你需要弄清楚你想要的列表有多寬，然後給出li的寬度......這有道理嗎？

喜歡的東西this應該幫助

Answer 2

顯式設置<a>標籤的寬度，text-align: right將工作。如果你還沒有，我建議使用FireBug（或其他）來查看頁面上的框佈局。

Answer 3

檢查繼承和圖像大小。無論如何，下面的CSS應該工作：

ul li{float:right;}