链接图片旁边的文字

Question

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

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

那么为什么会这样呢？我希望我的图像能够保持原样，当我不将它放在 <a> 标记之间时。

Answer 1

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

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