LI 内 A 元素的垂直对齐

Question

我在实施新设计时遇到问题。虽然锚元素在旧设计中正确对齐，但出于某种原因，锚元素在新设计中与底部对齐，其中 html/css 的 UL、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>

Answer 1

试试这个...

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

Answer 2

尝试：

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