如何在HTML中设置列表项的高度？

发布时间：2020-12-14 18:32:26 所属栏目：资源来源：网络整理

导读：这是我的代码： 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="#"NEW

这是我的代码：

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属性以更改元素中文本的位置.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!