CSS实现文字环绕图片技巧

在CSS中实现文字环绕图片的效果，可利用float属性将图片向左或向右浮动，使周围的文字自动环绕在图片周围，从而达到图文混排的布局效果。

1、 创建一个HTML页面，在其中添加一个包含图片的div标签，再插入一个包含大量文本内容的p标签，布局效果如示例所示。

2、 通过CSS设定div的宽度和高度，并添加浮动属性实现布局效果。

3、 保存HTML代码后用浏览器打开，即可看到文字环绕图片的效果，所示。