圖像水平間距——hspace

2016-09-01 1753 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>


本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
多一份免費策劃方案,總有益處。

請直接添加技術總監微信聯系咨詢

2
5
七星彩头尾 麻将新手入门基本规则 股票融资比例·杨方配资 血流成河麻将玩法窍门 云南山水麻将安卓下载 闲来麻将官方网站下载 哪家理财收益最高 中国铁建股票 倍盈配资 下载打麻将免费游戏 20选5今日开奖 股票融资工具ˉ杨方配资 股票配资推荐就择卓信宝配资 血流麻将怎么打初学规则 广东十一选五专家* 2019四川皮皮麻将一元微信群 吉林的快三开奖结果