html 文字环绕图片的代码

发布时间:2020-04-23编辑:脚本学堂
本文介绍了html 文字环绕图片的实现方法,在html中实现文字环绕,主要是使用float属性,有需要的朋友参考下。

在html中实现文字环绕图片效果:
 

复制代码 代码示例:
<img src="images/news.jpg" style="float: left; margin-bottom: 10px; margin-right: 20px" alt="">

代码说明:
注意以上float:left的用法,它是文字环绕或图片环绕的关键。
margin-botton控制图片底部与文字的距离;
margin-right控制图片右边与文字的距离。