根據文本寬度製作導航欄堆疊的跨度寬度

Question

我已經在引導程序中創建了堆疊導航欄。根據其中的文本，我對對齊寬度存在問題。即當我懸停在「關於我們」選項卡上時，它必須根據文本的大小顯示背景顏色。

圖片參考

<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

在a標籤添加display:inline-block使得寬度集作爲每個文字的寬度。