html 文字环绕图片实现方法

发布时间:2020-01-07编辑:脚本学堂
本文介绍了html 文字环绕图片的实现方法,在网页中如何实现文字环绕图片的效果呢?有需要的朋友参考下,希望对大家有所帮助。

要实现文字在图片右侧的环绕效果,需要自己给图片加入如下代码:
(p style="clear:right ")……
(img src="图片实际地址" style="float:left" width="xxx" height="xxx" )(/p)
这样可以实现左环绕,把clear设为left,float设为right,可实现右环绕。

完整例子:
 

复制代码 代码示例:
(p style="clear: right")(img style="float: left; " height="97" alt="/uploadpic/2006012502345975188.jpg" hspace="13" src="/uploadpic/2006012502345975188.jpg" width="97" border="0" /)(/p)