html 文字环绕图片问题

发布时间:2020-05-20编辑:脚本学堂
本文介绍了html 文字环绕图片的实现方法,有关html中文字环绕图片、图文混排的问题,有需要的朋友参考下。

在很多网站的新闻列表中可多的格局都是文字中夹杂着图片,也就是文字环绕图片。
我新建了一个页面试了下,试了好多属性都实现不了。

最后终于试出来了,如下图:html 文字环绕图片

下面贴代码,其实关键的就是一个属性
<div  style="font-size:16px; width:500px;">
         他的眼长得不大不小像土豆
看著你不笑没有表情真难受
 

复制代码 代码示例:
<img src="images/@3owto[v7g1w47vlu9f`cdu.jpg" style=" float:left;" />他的眉毛像什么树叶扁豆
没有多少魅力没有多少温柔
鼻子长得像蒜头呼吸急促像犀牛……

大家应该看明白了,其实就是float:left或float:right实现文字环绕图片,大家可以测试下。