问带有显示块和href的CSS - img
EN

Stack Overflow用户

提问于 2018-07-07 05:46:23

回答 2查看 723关注 0票数 -2

我使用带有display: block;的img，以便一个接一个地显示它们，第二个引用一个链接。这很好用，除了当我将鼠标移到第二张图片上时，它引用了链接，甚至是右边的空白处。我该如何解决这个问题呢？

img {
    display: block;
}

和

<img src="smiley.gif">
<a href="www.google.com">
    <img src="smiley.gif">
</a>

发布于 2018-07-07 05:49:09

使用<br />元素使其显示在新行上，而不是display: block。

票数 0

发布于 2018-07-07 05:52:35

就这么做吧

<img src="smiley.gif"><br>
<a href="www.google.com">
    <img src="smiley.gif">
</a>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51217998

复制

相似问题

问带有显示块和href的CSS - imgEN