图像水平间距——hspace

2016-09-01 来源:程序书籍

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


本文关键词:

本文均为荣益互联摘自权威资料,书籍,文章,或来自网络,如有版权纠纷或违规问题,请联系我们删除。我们欢迎您的分享,谢绝直接抄袭复制。感谢…

关注格度视觉