如何将图像浮动到文本右侧

这五分钟的教程解释了如何

您是否有兴趣学习如何将图像浮动到文本的右侧？ 如果是这样，你并不孤单。 在许多情况下，程序员希望网页上的图像出现在文本内部，文本流动或环绕它。 幸运的是，操纵图像与操作文本类似，所以如果你对后者有经验，这个过程应该不会很难。

事实上，使用CSS浮动属性，可以很容易地将图像浮动到文本的右侧，并使文本在左侧 流动 。 使用这五分钟的教程来了解如何。

入门

首先，写一段文字，并在段落的开头添加一张图片。 这应该在文本之前但在

标签之后完成）：

Duis aute irure dolor sed做eiusmod tempor incididunt in rennederit in voluptate。 Cupidatat non proident，ut labore et dolore magna aliqua。 在犯罪行为中坚持练习excepteur sint occaecat。 Mollit anim id est laborum。

接下来，为图像添加一个样式属性并应用float属性：

style =“float：right;” />

您的文字将直接与图像碰撞，因此请在图像上添加一些边距以便于阅读：

margin：0 5px 0 0; ”/>

边缘速记属性按照顶部，右侧，底部和左侧（ TRBL ）的顺序应用边距。

包起来

这就是它。 现在你看到将图像向右移动并不困难。 您可能也有兴趣将图像浮动到左侧并将其浮到中心位置。 虽然第一个举动是可能的，但不幸的是，你不能将图像浮动到中心，因为这通常需要两列布局。