<div>鏈接打不開

Question

我有一排 div，當用戶點擊這些 div 時，我希望它們被轉發到另一個網站。 為此，我將<a>標記放在div之外，如下所示：

 <div class="row spacing2"> <h3 id="Parceiros">Parceiros</h3> <a href="http://www.criticalsoftware.com/pt/homepage"> <div class="col-md-2 spacing4"> <img alt="" class="img img-responsive img-thumbnail" src="parceiros/CriticalSoftware.png"> </div> </a> <a href="http://www.globalmediagroup.pt/"> <div class="col-md-2 spacing4"> <img alt="" class="img img-responsive img-thumbnail" src="parceiros/GlobalMedia.png"> </div> </a> <a href="https://www.facebook.com/pfrinvest/"> <div class="col-md-2 spacing4"> <img alt="" class="img img-responsive img-thumbnail" src="parceiros/pfr.jpg" style="height:100px;width:200px"> </div> </a> <a href="http://www.planeta-virtual.pt/"> <div class="col-md-2 spacing4"> <img alt="" class="img img-responsive img-thumbnail" src="parceiros/PlanetaVirtual.png"> </div> </a> <a href="https://www.sonae.pt/pt/"> <div class="col-md-2 spacing4"> <img alt="" class="img img-responsive img-thumbnail" src="parceiros/Sonae.png"> </div> </a> <a href="http://www.agros.pt/"> <div class="col-md-2 spacing4"> <img alt="" class="img img-responsive img-thumbnail" src="parceiros/Agros.png"> </div> </a> </div>

我不知道為什么，但是當我檢查元素時，它說我的a標簽是 0px x 0px。 如果有人能給我一個小費，我將不勝感激。

Answer 1

您需要在標簽外添加 col 類。

<a href="http://www.criticalsoftware.com/pt/homepage"><div class="col-md-2 spacing4"><img alt="" class="img img-responsive img-thumbnail" src="parceiros/CriticalSoftware.png"></div></a>

<div class="col-md-2 spacing4"><a href="http://www.criticalsoftware.com/pt/homepage"><img alt="" class="img img-responsive img-thumbnail" src="parceiros/CriticalSoftware.png"></a></div>

由於 col 類具有float: left屬性，因此 a 標簽的寬度和高度為 0。

Answer 2

只需將以下 css 規則添加到您的<a>標簽中：

display:block;