Javascript li元素在html中充当锚

我的html中有如下代码

<ul class="nav">
 <li class="no-bullet " onclick="window.location = 'ask_question.html';">
   <button type="button" class="signout_btn line_height">
     <i class="fa fa-home " aria-hidden="true"></i>
          Home</button>
 </li>

 <li class="sub-menu"><a href="#">
     <i class="fa fa-tags" aria-hidden="true"></i>
            Search by Category</a>
        <ul class="" id="loadCategories">
          <li><a href="#">Food</a></li>
          <li><a href="#">Sports</a></li>
          <li><a href="#">Personal</a></li>
        </ul>
 </li>

 <li class="sub-menu"><a href="#">
    <i class="fa fa-map-marker" aria-hidden="true"></i>
             Switch City </a>
       <ul class="" id="loadCities">
          <li><a href="#">Mumbai</a></li>
          <li><a href="#">Bangalore</a></li>
          <li><a href="#">Personal</a></li>
       </ul>
 </li> 

 <li class="no-bullet " onclick="window.location = 'user_profile.html';" >
   <button type="button" class="settings_btn line_height">
     <i class="fa fa-user" aria-hidden="true"></i> 
           My Profile</button>
 </li>

 <li class="no-bullet " onclick="window.location= 'all_users.html';">
   <button type="button" class="signout_btn line_height" id="btnFindAFriend">
     <i class="fa fa-users" aria-hidden="true"></i>
              Find A Friend</button>
 </li>
</ul>

家
















我的个人资料


找个朋友

如果您注意到上面的代码，我有

li

，单击它，我将指向某个html页面。在

li

中，我在那里放置了一个按钮，以使我的所有菜单选项看起来统一。为了做到这一点，我做了一些改变，使它看起来完全相似

但我无法让它们看起来完全一样。我希望所有菜单选项的高度和大小都相同

有人能推荐一个正确的方法来解决这个问题吗

---

这是相同的方法。

。线条高度{线条高度：28px；背景：无；轮廓：无；边框：无；颜色：#5d7da9；}应用此方法有何帮助？这将不起作用…不是一个修复，但我认为bootstrap掩盖了这一点：而且，我在你的帖子中并没有得到你想要的。需要澄清的是，我所需要的是所有菜单选项的高度。如果您关闭菜单选项“按类别搜索”和“切换城市”选项，您将了解到所有按钮的大小（高度）相同，但其他两个菜单选项看起来不同。。