网页中图片如何设置文字围绕?
发布网友
发布时间：2022-04-20 07:32
共1个回答
热心网友
时间：2022-04-06 12:59
1、直接设定文字环绕图片
<div
style="width:
400px;
border:
1px
solid
#CCCCCC">
<img
id="img"
src="images/photo_01.gif"
style="float:
left;
clear:
left;
width:
120px;
height:
120px;
padding:
10px"
/>
某某公司是生产销售新型电子材料、服装、家具的专业厂家，有自营进出口权，年销售额过亿元。<br/>新型电子材料产品已在全国各大电子企业、军工企业以及航天、钟表、珠宝首饰等行业享有较高的知名度。
服装畅销北美、欧洲、大洋洲<br/>我要实现左上
角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。
</div>
2、用CSS实现文字环绕图片的效果
以下是引用片段：
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
div
{
width:300px;
border:1px
solid
red
}
img
{
float:left;
width:100px;
height:100px
}
</style>
<div>
<img
src="images/photo_01.gif"
/>
某某公司是生产销售新型电子材料、服装、家具的专业厂家，有自营进出口权，年销售额过亿元。<br/>新型电子材料产品已在全国各大电子企业、军工企业以及航天、钟表、珠宝首饰等行业享有较高的知名度。
服装畅销北美、欧洲、大洋洲<br/>我要实现左上
角是图片，然后就是文字环绕在图片的右边，像下面的效果图一样。
</div>
