图像的水平间距hspace和图像的排列align

  • 2020-12-16 10:01:09
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

图像的水平间距hspace

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

语法:<img src="图像文件的地址" hspace="水平边距">

说明:在该语法中,水平边距hspace属性的单位是像素。

举例:<html><head><title>图像的水平边距</title><meta http-equiv=content-type content="text/html; charset=gb2312"></head><body>市机关幼儿园是一所省示范性幼儿园、市一级幼儿园。先后被评为浙江省科研兴校200强学校、首批“园本教研示范幼儿园”、市教育科学研究基地学校、市现代化幼儿园、市先进“结对园”、市中小学幼儿园教师教育先进集体、市卫生先进单位、市绿化先进单位。幼儿园环境优美,设施优良,是一所充满童真、童趣的儿童乐园。</span>

</body>

</html>

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

提示

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

图像的排列align

图像和文字之间的对齐是通过align属性来设定的,align的对齐方式有两种:即绝对对齐和相对对齐。绝对对齐方式的效果和文字一样,只有3种:居中(middle)、居左(left)、居右(right)。相对对齐方式是指图像与一行文字的相对位置。

语法:<img src="图像文件的地址" align="文字的对齐方式">

举例:

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=gb2312" />

<title>图像排列</title>

</head>

<body>

<p>回归大自然的体验,尝试做个摩登原始人,登天入地,攀岩涉水,充满乐趣,个人训练、团体活动皆适宜,是全山西省最大、最富趣味性与挑战性的山训场。本山训场是一片布置于树林及原野间的山训场,场内的设施均具野味而刺激。<br /> 

 山庄还安排体能锻炼及充满活力的团队山训课程 

</html>


当前文章标题:图像的水平间距hspace和图像的排列align

当前URL:http://www.lyjtt.cn/news/wzzz/3326.html

上一篇:图像的边框border和图像的垂直边距vspace

下一篇:图像的超链接和图像热区链接

网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)