LI內部A元素的垂直對齊

我在實現新設計時遇到了問題。雖然錨定元素在舊設計中正確對齊，但出於某種原因，錨定元素在新設計中與底部對齊，並且html/css重新調整UL，LI和A部分是完全相同的。LI內部A元素的垂直對齊

#treeview ul { 
    padding-top: 3px; 
} 
#treeview ul li { 
    background: none repeat scroll 0 0 transparent; 
    line-height: 24px; 
    padding-bottom: 3px; 
    padding-left: 0; 
} 
#treeview ul li.active { 
    background: none repeat scroll 0 0 #DDDDDD; 
} 
#treeview ul li ul li { 
    padding-left: 30px; 
} 
#treeview ul li a { 
    color: #444444; 
    padding-left: 5px; 
    text-decoration: none; 
} 


<div id="treeview"> 
    <ul> 
     <li> 
      <img src="assets/js/no-expand.png"> 
      <img class="icon" width="24" height="" src="assets/images/icons/icon_dance24x24.png"> 
      <a title="Essential" href="/index/night-clubs/essential/">Essential</a> 
     </li> 
    </ul> 
</div>

來源

2011-06-02 jaz

注意：您可以[格式線爲代碼（http://meta.stackexchange.com/questions/22186/how-do-i-format-my-code-blocks）通過縮進它們四個空格。編輯器工具欄中的「{}」按鈕可以爲您做到這一點。 clairesuzy這次爲你做了;下次嘗試一下。單擊編輯器工具欄中的橙色問號以獲取更多信息和格式化提示。 – outis 2011-06-02 11:09:05

在右側的相關列表上可能有10個問題提出非常相似的問題，如果不是相同的問題。 – DanMan 2011-06-02 11:11:13

寫顯示：塊在你的標籤 – sandeep 2011-06-02 11:23:59

嘗試......

#treeview ul li * { 
    vertical-align: middle; 
}

來源

2011-06-02 12:47:50 wdm

這工作:)我不知道它是否也適用於IE9。此外，我仍然不明白如果沒有這條線，它可以在舊設計中如何工作。我猜的一個css奧祕。 – jaz 2011-06-02 12:54:08

嘗試：

ul li { 
    display: table-cell; 
    vertical-align: top; 
}

來源

2011-06-02 12:05:10 Petah

這不起作用。它將我的垂直菜單變成水平菜單。 – jaz 2011-06-02 12:14:27

LI內部A元素的垂直對齊

回答

相關問題