图像的垂直边距和水平边距属性
1.图像的垂直边距vspace
垂直边距vspace用来调整图像与文字的垂直边距。
语法:
<img src="图像文件的地址" vspace="垂直边距">
说明:
在该语法中,vspace属性的单位是像素。
举例:
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <title>图像的垂直边距</title> </head> <body> 市<img src="images/88.jpg" width="160" heighe="110" vspace="20" align="right">机关幼儿园是一所省示范性幼儿园、市一级幼儿园。先后被评为浙江省科研兴校200强学校、首批“园本教研示 范幼儿园”、市教育科学研究基地学校、市现代化幼儿园、市先进“结对园”、市中小学幼儿园'教师教育先进集体、 市卫生先进单位、市绿化先进单位。幼儿园环境优美,设施优良,是一所充满童真、童趣的儿童乐园。</span> </body> </html>
在代码中<img src="images/88.jpg" width="160" heighe="110" vspace="20" align="right">部分的标记是为图像添加垂直边距,在浏览器中预览可以看到设置的垂直 边距为20像素,如图4.5所示。
2.图像的水平间距hspace
图像与文字之间的水平距离可以通过hspace参数进行调整。通过调整图像的边距,可以使文字和图像的排列显得紧凑,看上去更加协调。
语法:
<img src="图像文件的地址" hspace="水平边距">
说明:
在该语法中,水平边距hspace属性的单位是像素。
举例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>图像的水平边距</title> </head> <body> 市<img src="images/88.jpg" width="160" height="110" hspace="20" align="right">机关幼儿园是一所省示范性幼儿园、市一级幼儿园。先后被评为浙江省科研兴校200强学校、首批“园本教研示范幼儿园”、市教育科学研究基地学校、市现代化幼儿园、市先进“结对园”、市中小学幼儿园教师教育先进集体、市卫生先进单位、市绿化先进单位。幼儿园环境优美,设施优良,是一所充满童真、童趣的儿童乐园。</span> </body> </html>
在代码中<img src="images/88.jpg" width="160" height="110" hspace="20" align="right">部分的标记是为图像添加水平边距,在浏览器中预览可以看到设置的水平边距为20像素,如图4.6所示。
提示:使用hspace和vspace属性会在图像周围对称加入空格。hspace属性在图像两侧加入空格,而 vspace属性在图像顶部和底部加入相同的空格。
本文内容摘取于《网页制作》,仅供参考学习用途!