CSS实现文字环绕图片效果

ChenReal

文字环绕图片,在Word里只要click一下右键,调一下属性就可以了。但在HTML文档里就没有直接属性了。因此我们可以借助CSS来实现这一效果。

我们先设定float的参数,如果图片需要左对齐设为left,若右对齐则为:right。此外,我们还可以根据需要设置图片和文字间隔的空间,同样适用CSS的padding。例:

<img style="float:left;padding:20px 20px 20px 20px;" src="http://www.blogchinese.com/Upic.jpg">

将这一个图片标识语句,插入到页面文字中间,就OK啦!非常简单~~