我知道如何通过将float:left应用于img标记来将文本放在图像旁边,但是当我给它一个链接,例如href="#"
时,文本将不会粘在图像上,它会掉落下。要提供有关该项目的更多信息,请显示<a>
标记中的<p>
标记:inline-block;我应用于img标签的CSS是:
float:left;
margin-right: 15px;
border:0px;
那为什么会这样呢?我希望我的图像能够像我不在<a>
标签之间那样站立。
答案 0 :(得分:2)
float: left;
表示元素浮动在同一父级内容的左侧。由于您将图像包装在<a></a>
标记内,因此图像会浮动到<a>
内的内容左侧。
如果您将浮动应用于a
而不是img
,那么a
将浮动到其父级内容的左侧,根据需要。