圖像的水平間距hspace
圖像與文字之間的水平距離可以通過(guò)hspace參數進(jìn)行調整。通過(guò)調整圖像的邊距，可以使文字和圖像的排列顯得緊湊，看上去更加協(xié)調。
語(yǔ)法：<img src="圖像文件的地址" hspace="水平邊距">
說(shuō)明：在該語(yǔ)法中，水平邊距hspace屬性的單位是像素。
舉例：<html><head><title>圖像的水平邊距</title><meta http-equiv=content-type content="text/html; charset=gb2312"></head><body>市機關(guān)幼兒園是一所省示范性幼兒園、市一級幼兒園。先后被評為浙江省科研興校200強學(xué)校、首批“園本教研示范幼兒園”、市教育科學(xué)研究基地學(xué)校、市現代化幼兒園、市先進(jìn)“結對園”、市中小學(xué)幼兒園教師教育先進(jìn)集體、市衛生先進(jìn)單位、市綠化先進(jìn)單位。幼兒園環(huán)境優(yōu)美，設施優(yōu)良，是一所充滿(mǎn)童真、童趣的兒童樂(lè )園。</span>
</body>
</html>
在代碼中加粗部分的標記是為圖像添加水平邊距，在瀏覽器中預覽可以看到設置的水平邊距為20像素，如系統所示。
提示
使用hspace和vspace屬性會(huì )在圖像周?chē)鷮ΨQ(chēng)加入空格。hspace屬性在圖像兩側加入空格，而vspace屬性在圖像頂部和底部加入相同的空格。
圖像的排列align
圖像和文字之間的對齊是通過(guò)align屬性來(lái)設定的，align的對齊方式有兩種：即絕對對齊和相對對齊。絕對對齊方式的效果和文字一樣，只有3種：居中（middle）、居左（left）、居右（right）。相對對齊方式是指圖像與一行文字的相對位置。
語(yǔ)法：<img src="圖像文件的地址" align="文字的對齊方式">
舉例：
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>圖像排列</title>
</head>
<body>
<p>回歸大自然的體驗，嘗試做個(gè)摩登原始人，登天入地，攀巖涉水，充滿(mǎn)樂(lè )趣，個(gè)人訓練、團體活動(dòng)皆適宜,是全山西省最大、最富趣味性與挑戰性的山訓場(chǎng)。本山訓場(chǎng)是一片布置于樹(shù)林及原野間的山訓場(chǎng)，場(chǎng)內的設施均具野味而刺激。<br />
山莊還安排體能鍛煉及充滿(mǎn)活力的團隊山訓課程
</html>
當前文章標題：圖像的水平間距hspace和圖像的排列align
當前URL：http://amzcoolest.com/news/wzzz/3326.html
下一篇：圖像的超鏈接和圖像熱區鏈接
