我在实施新设计时遇到问题。虽然锚元素在旧设计中正确对齐,但由于某种原因,锚元素在新设计中与底部对齐,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>
答案 0 :(得分:4)
试试这个......
#treeview ul li * {
vertical-align: middle;
}
答案 1 :(得分:0)
尝试:
ul li {
display: table-cell;
vertical-align: top;
}