图像水平间距——hspace

2016-09-01 1282 2 编辑:Monster 来源:程序书籍

如果不使用<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>


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联