包含圖片的錨佔滿頁寬

在my website上，在底部的「下載App Store」按鈕中，按鈕的鏈接可以在按鈕高度範圍內從頁面的整個寬度單擊。我沒有看到任何HTML或CSS造成這種情況：包含圖片的錨佔滿頁寬

<div class="download"> 
     <a href="#"><img src="images/download-on-appstore.png" alt="Download on App Store"></a> 
    </div>

這是什麼原因造成的？

來源

2013-07-24 Doug Smith

在你的CSS

，你有這樣的：

.app-details .download img { 
    display: block; 
    margin: auto; 
}

IMG設置爲顯示塊，這會消耗所有可用空間。

來源

2013-07-24 19:30:21

但是，如果我有它內聯，又怎麼會有我居中？ –

text-align：在下載div的中心會將包裹在href中的圖像居中 –

以前的答案是正確的......但是要解決這個問題：

取下IMG的display:block，使.apps-details .download CSS這樣的：

.app-details .download { 
    background: url("../images/letters-bg.png") no-repeat; 
    background-position: 57% 10%; 
    padding: 150px 0; 
    margin: 0 auto; 
    text-align: center; 
}

來源

2013-07-24 19:36:44 feitla

包含圖片的錨佔滿頁寬

回答

相關問題