Search

与我们合作

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、移动端微信小程序开发、VI设计、网络运营、云产品·运维解决方案

有一个品牌项目想和我们谈谈吗?

您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与您取得联系。当然也欢迎您给我们写信或是打电话,让我们听到您的声音

您也可通过下列途径与我们取得联系:

地 址: 深圳.龙岗区大运软件小镇11栋3楼

电 话: 138 2888 4598 / 138 0880 9053

网 址: http://www.appvx.cn

快速提交您的需求 ↓

图像水平间距——hspace

时间:2016-09-01 浏览:4819 编辑: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>


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
GO 欣赏案例
查看经典案例
在线咨询
电话咨询
0755-36630177
返回顶部
在线咨询 获取报价 电话咨询
获取报价
您的称呼:

*

您的电话:

*

您的邮箱:

*

提交 重置
重要的事情,电话里聊

接通客服

不方便的时候线上咨询,在线等哦