圖像水平間距——hspace

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


本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾