用html如何实现文字环绕图片

 我来答
虾弹文化
高粉答主

2019-09-11 · 大概是忆往昔 宝宝永远3岁!!
虾弹文化
采纳数:228 获赞数:79781

向TA提问 私信TA
展开全部

添加环绕代码即可,代码如下:

<style>

     p {border:1px solid red;}

     img {float:left; margin:0 5px 5px 0;}

</style>

操作步骤如下:

1、首先准备好html文件和所需要插入的图片,将其放在同一个文件夹内;

2、然后在html文件中编辑要显示的页面内容和图片,先将整体的大概页面建立好;

3、然后需要在html中添加环绕代码:

<style>

     p {border:1px solid red;}

     img {float:left; margin:0 5px 5px 0;}

</style>

4、代码添加完毕后,保存html文件,重新打开预览就可以看到文字环绕图片的格式了。

百度网友f8546d9a9
推荐于2017-09-20 · TA获得超过1963个赞
知道小有建树答主
回答量:1232
采纳率:0%
帮助的人:1098万
展开全部
在图片标签里添加这个属性style="float:left;"

<img src="..." style="float:left;" />你的文字你的文字你的文字
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
苍狼_白鹿
推荐于2017-09-07 · TA获得超过11.8万个赞
知道大有可为答主
回答量:1.9万
采纳率:82%
帮助的人:5450万
展开全部
方法:
图片中添加属性style="float:left;"<img src="..." style="float:left;" />你的文字

即可实现文字环绕图片。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
恋红2010
2010-10-16 · TA获得超过1961个赞
知道大有可为答主
回答量:1469
采纳率:50%
帮助的人:574万
展开全部
用样式控制,可以通过设置图片的float样式实现.
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式