圖片鏈接有怪異的定位

目前無需增加圖像鏈接到他們看起來像這樣的圖標：圖片鏈接有怪異的定位

和我的代碼看起來是這樣的：

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul style="padding-left:10px;" class="nav navbar-nav"> < 
       <li><img src="img/FB.png" class="img-responsive" alt="Facebook" width="52px" ></li>  
       <li><img src="img/TW.png" class="img-responsive" alt="Twitter" width="52px" > </li> 
       <li><img src="img/PI.png" class="img-responsive" alt="Pinterest" width="52px" ></li> 
      </ul>

然而一旦我開始將其中一個圖標更改爲圖像鏈接，它就變成這樣了

，併爲它的代碼是：

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul style="padding-left:10px;" class="nav navbar-nav"> <!-- Content on the left side of the navigation bar --> 
       <li><a href="http://facebook.com"><img src="img/FB.png" class="img-responsive" alt="Facebook" border="0" width="52px" ></a></li> 
       <li><img src="img/TW.png" class="img-responsive" alt="Twitter" width="52px" > </li> 
       <li><img src="img/PI.png" class="img-responsive" alt="Pinterest" width="52px" ></li> 
      </ul>

我能做些什麼來解決這個問題？

來源

2015-09-24 user3459426

請提供一把小提琴，包括你的CSS – Chris

你應該包括你的CSS，並指定鏈接你變了，但我認爲我們可以有把握地認爲它是Facebook的圖像。我會相當肯定你的問題會被解決，像'ul li a {padding-top：0; }'但這是一個沒有任何實際的CSS或小提琴的猜測。 – JoeP

@ user3459426你可以通過垂直對齊來解決這個問題：底部可能會工作 –

Bootstrap具有它自己的屬性，因此您需要替換它們。

.nav > li > a { 
    padding-top: 0px !important; 
}

來源

2015-09-24 08:58:19

圖片鏈接有怪異的定位

回答

相關問題