css - 链接图片旁边的文字

Question

我知道如何通过将 float:left 应用于 img 标签来将文本放在图像旁边，但是当我给它一个链接时，例如href="#"文本不会粘在图像上，它会掉下来。为了提供有关该项目的更多信息，我<a>在标签中的<p>标签是 display: inline-block; 我应用于 img 标签的 css 是：

float:left;
margin-right: 15px;
border:0px;

那么为什么会这样呢？我希望我的图像能像我不把它放在<a>标签之间时一样站立。

Answer 1

这float: left;意味着元素浮动到同一父级中内容的左侧。由于您将图像包装在<a></a>标签内，因此图像将浮动到<a>.

如果将浮动应用到a而不是img，则a将根据需要浮动到其父级内容的左侧。