这是我的代码:
HTML
<div class="menu">
<ul>
<li class="active"><a href="index.html">HOME</a></li>
<li class="active"><a href="#">COMPANY</a></li>
<li class="active"><a href="#">SOLUTIONS</a></li>
<li class="active"><a href="#">SERVICES</a></li>
<li class="active"><a href="#">NEWS & EVENTS</a></li>
<li class="active"><a href="#">BLOGS</a></li>
<li class="active"><a href="#">CONTACTS</a></li>
</ul>
</div>
CSS
.header .menu ul { margin:33px 10px 0 0; padding:0; float:right; width:auto; height:12px; list-style:none;}
.header .menu ul li { margin:0 4px; float:left;}
它无法识别高度 特征。为什么?如何设置菜单项的高度?
最佳答案
你少了一个分号 :-)
您也可以尝试设置 li 标签的 line-height 属性来改变文本在元素中的位置:
.line-height-li {
line-height: 30px;
}
关于html - 如何在 HTML 中设置列表项的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3080673/