LI内部的A元素的垂直对齐

时间:2011-06-02 10:59:40

标签: css vertical-alignment

我在实施新设计时遇到问题。虽然锚元素在旧设计中正确对齐,但由于某种原因,锚元素在新设计中与底部对齐,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>

2 个答案:

答案 0 :(得分:4)

试试这个......

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

答案 1 :(得分:0)

尝试:

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