作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在实现新设计时遇到问题。虽然 anchor 元素在旧设计中正确对齐,但出于某种原因, anchor 元素在新设计中与底部对齐,并且 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>
最佳答案
试试这个...
#treeview ul li * {
vertical-align: middle;
}
关于css - LI 内 A 元素的垂直对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6213644/
我是一名优秀的程序员,十分优秀!