html - 包含图像的锚占用整个页面宽度

Question

在我的网站上，底部带有“在 App Store 上下载”按钮，可以在按钮高度内从页面的整个宽度单击按钮的链接。我在 HTML 或 CSS 中看不到任何导致此问题的内容：

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

这是什么原因造成的？

Answer 1

在你的CSS中，你有这个：

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

img 设置为显示块，这会消耗所有可用空间。

Answer 2

以前的答案是正确的......但是要修复它：

display:block从 img 中删除并制作css .apps-details .download：

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