根据文本宽度使导航栏堆叠跨度宽度

Question

我在bootstrap中创建了堆叠导航栏。我有问题，根据文本中的文字对齐宽度。即当我将鼠标悬停在“关于我们”标签上时，它必须根据文字大小显示背景颜色。

图片参考

<nav class="navbar">
  <ul class="nav  nav-stacked ">
    <li><a href="#about-us">ABOUT US</a></li>
    <li><a href="#project">PROJECT</a></li>
    <li><a href="#current-project">CURRENT PROJECT</a></li>
    <li><a href="#e-brochure">E-BROCHURE</a></li>
    <li><a href="#contact">CONTACT</a></li>
  </ul>
</nav>

Answer 1

在display:inline-block标记中添加a，以便根据文字宽度设置宽度。