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;表示元素 float 到同一父级内容的左侧。由于您将图像包装在 <a></a> 中标记，图像将 float 到 <a> 中内容的左侧.

如果将 float 应用于 a而不是 img , 然后是 a将根据需要 float 到其父级内容的左侧。