如果不使用<br>或<p>标记进行换行显示，那么添加的图像会紧在文字之后。而图像与文字之间的水平距离是可以通过hspace参数进行调整的，通过调整间距，可以使文字和图像的排版不那么拥挤，看上去更加协调。
语法
<img src=“图像文件的地址”hspace=“水平间距”>
语法解释
在该语法中，src是图像文件的地址，是不可缺少的。hspace属性的单位是像素。
<html>
<head>
<title>设置图像的水平间距</title>
</head>
<body>
<h3>请选择您喜欢的图像：</h3>
<hr size="2"/>
<!--在页面中居中插入2行图片-->
<!--不设置图片水平间距的效果-->
人物头像<img src="images/01.gif"border="2"/>
img src="images/02.gif"border="2"/>
<img src="images/03.gif"border="2"/>
<img src="images/04.gif"border="2"/>
<br/><br/>
<!--设置图片的水平间距为20像素-->
另外一组人物头像<img src="images/05.gif"border="2" hspace="20"/>
<img src="images/06.gif"border="2" hspace="20"/>
<img src="images/07.gif"border="2" hspace="20"/>
<img src="images/08.gif"border="2" hspace="20"/>
</body>
</html>
猜你喜欢
联络方式：
深圳 · 龙岗 · 大运软件小镇22栋201
电话：400 182 8580
邮箱：szhulian@qq.com
