添加 <a> href 标签会将我的图像向下移动。我已经尝试了一切，但没有任何效果

Question

添加 href 标签会将我的图像向下移动。我已经尝试了一切，但没有任何效果。将 href 附加到

我尝试嵌入 href、使用标签、调整样式表中的图像位置、在 css 中添加新的位置代码。什么都不起作用。

Answer 1

检查 CSS 以确保没有任何冲突的样式导致图像移动。检查 和 标签的样式。

a {
text-decoration: none; /* remove a decoration */
 }

img {
vertical-align: middle; /* adjust image alignment*/
}

这是显示属性：有时显示属性会影响布局。如果您知道默认情况下，图像是内联元素。如果你想让它们保持在一行，你可以使用display: inline-block;或显示：内联；对于 和 元素。

a, img {
display: inline-block;
}