可點擊區域展開爲容器（圖片）

Question

我已經在鏈接中設置圖像，除了可點擊區域展開爲整個容器（圖像的父級）之外，它工作正常（圖中的橙色部分）

Screenshot of the clickable zone

下面是關於這個問題的部分代碼（我不是把所有的話，所有的圖像有同樣的問題。）：

HTML：

<a href="img/tableau/tableau-01.jpg"> 
    <img src="img/tableau/tableau-01.jpg" alt="tableau 01"/> 
</a> 

<a href="img/tableau/tableau-02.jpg"> 
    <img src="img/tableau/tableau-02.jpg" alt="tableau 02"/> 
</a> 

<a href="img/tableau/tableau-02.jpg"> 
    <img src="img/tableau/tableau-03.jpg" alt="tableau 03"/> 
</a> 

CSS：

#container { 
    position: relative; 
    margin: 0 auto; 
    width: 960px; 
    height: 900px; 
} 

img { 
    height: 50%; 
    width: 50%; 
    max-width: 100%; 
    border: 1px rgba(255, 255, 255, 0.1) solid; 
    margin: 0 auto; 
    display: block; 
    -webkit-transition: all ease-in 0.13s; 
     -moz-transition: all ease-in 0.13s; 
     -o-transition: all ease-in 0.13s; 
     -ms-transition: all ease-in 0.13s; 
      transition: all ease-in 0.13s; 
    margin-bottom: 25px; 
} 

而且還有的link of the site

Answer 1

你爲什麼要設置顯示阻止？如果你刪除它，並讓我認爲是內聯塊的默認值修復它。如果你想中心，你可以使用其他方法。