爲什麼填充錨標籤會創建重複的超鏈接？

Question

nav ul li a 
    { 
     display : block ; 
     text-align : center; 
     font-weight : 600; 
     text-decoration : none; 
     color:#fff; 
     background-color : rgba(0,0,0,0.15); 
     margin : .2em 0; 
     padding: .2em 0; 
     border-radius: 1em; 
     box-shadow : 1px 1px 4px #000; 
    } 

移除padding屬性使得一切正常，但我希望我的錨是寬敞，但它們看起來破碎這樣請幫

Answer 1

可以使用的line-height，而不是填充到垂直空間

Answer 2

你的標籤裏面有錨文本嗎？如果他們沒有文字，則文字將不會佔用任何空間。如果您打算在列表中的任何鏈接中沒有文字，您可能需要將它們設置爲min-height屬性，以便確保它們至少具有特定的高度。