这是我的jsfiddle：http : //jsfiddle.net/4478bs0L/
我需要在图像下方放置下载按钮。
为此，这是我的html：
<div><img src="9780143332497.jpg" alt="">
<a href="9780143332497.jpg" class="myButton" download="ss" title="Download">
<img src="/path/to/image" alt="Download">
</a></div>
如果我将标题类添加到按钮并设置text-align：center; 它没有用。
谁能帮帮我吗？提前致谢。
选项1：<br/>在两个图像之间添加一个[显然，您的按钮也是一个图像]。有时，最简单的答案是最简单的。
<img src="image1" alt="">
<br/>
<a href="image2" class="myButton" download="ss" title="Download">
<img src="/path/to/image" alt="Download">
</a>
选项2：将按钮括在<div>[块元素]内
<div>
<a href="http://s30.postimg.org/b7rdjjkwh/9780143332497.jpg" class="myButton" download="ss" title="Download">
<img src="/path/to/image" style="display:block"alt="Download"/>
</a>
</div>
选项3：将内联css属性添加display:block到包含您的按钮的锚标记中[内联css将覆盖myButtonclass属性，这使其显示在同一行上]
<a href="http://s30.postimg.org/b7rdjjkwh/9780143332497.jpg" class="myButton" style="display:block;width:60px" download="ss" title="Download">
<img src="/path/to/image" alt="Download">
</a>
干杯！！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句