用html如何实现文字环绕图片

1. 用html如何实现文字环绕图片

添加环绕代码即可，代码如下：

     p {border:1px solid red;}
     img {float:left; margin:0 5px 5px 0;}

操作步骤如下：
1、首先准备好html文件和所需要插入的图片，将其放在同一个文件夹内；

2、然后在html文件中编辑要显示的页面内容和图片，先将整体的大概页面建立好；

3、然后需要在html中添加环绕代码：

     p {border:1px solid red;}
     img {float:left; margin:0 5px 5px 0;}


4、代码添加完毕后，保存html文件，重新打开预览就可以看到文字环绕图片的格式了。

2. 怎样设置文字环绕图片的方式？

应为图片插入在了文本框里则无法编辑文字环绕，直接插入word中即可解决。本文以win7系统word2018为例进行演示，具体步骤如下所示。
1、当图片插入文本框中的时候是无法设置文字环绕的。

2、直接在文档中插入图片即可，不要插入在文本框中。

3、可以看到文字布局选项随即可用。