html5中图像水平边距,图像的垂直边距和水平边距属性

1.图像的垂直边距vspace

垂直边距vspace用来调整图像与文字的垂直边距。

语法：

说明：

在该语法中，vspace属性的单位是像素。

举例：

图像的垂直边距

市机关幼儿园是一所省示范性幼儿园、市一级幼儿园。先后被评为浙江省科研兴校200强学校、首批“园本教研示 范幼儿园”、市教育科学研究基地学校、市现代化幼儿园、市先进“结对园”、市中小学幼儿园'教师教育先进集体、 市卫生先进单位、市绿化先进单位。幼儿园环境优美，设施优良，是一所充满童真、童趣的儿童乐园。

在代码中部分的标记是为图像添加垂直边距，在浏览器中预览可以看到设置的垂直 边距为20像素，如图4.5所示。

2.图像的水平间距hspace

图像与文字之间的水平距离可以通过hspace参数进行调整。通过调整图像的边距，可以使文字和图像的排列显得紧凑，看上去更加协调。

语法：

说明：

在该语法中，水平边距hspace属性的单位是像素。

举例：

图像的水平边距

市机关幼儿园是一所省示范性幼儿园、市一级幼儿园。先后被评为浙江省科研兴校200强学校、首批“园本教研示范幼儿园”、市教育科学研究基地学校、市现代化幼儿园、市先进“结对园”、市中小学幼儿园教师教育先进集体、市卫生先进单位、市绿化先进单位。幼儿园环境优美，设施优良，是一所充满童真、童趣的儿童乐园。

在代码中部分的标记是为图像添加水平边距，在浏览器中预览可以看到设置的水平边距为20像素，如图4.6所示。

提示：使用hspace和vspace属性会在图像周围对称加入空格。hspace属性在图像两侧加入空格，而 vspace属性在图像顶部和底部加入相同的空格。

本文内容摘取于《网页制作》，仅供参考学习用途！