html圖像元素的水平邊距屬性hspace

2012/11/17 16:18:49作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

圖像與文字之問的水平距離可以通過hspace參數(shù)進(jìn)行調(diào)整：通過調(diào)整圖像的邊距，可以使文字和圖像的排列顯得緊湊，看上去更加協(xié)調(diào)。

【基本語法】

【語法介紹】

在該語法中，水平邊距hspace屬J陛的單位是像素。

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head>
<body>
莽莽林海，隨季節(jié)變化，呈<img src="5.1.7.jpg" width="204" height="151" 
hspace="20"  align="right" />我走進(jìn)了學(xué)校，為了找一個(gè)人，我的朋友，
一個(gè)和我一起學(xué)習(xí)了9年的朋友，我不緊不慢地走向?qū)嬍覙?，走向可能有他的地方?
我心里正在擔(dān)心是否他已離開。不過，上天對我還是寬裕的，我不費(fèi)吹灰之力的看到了他，
他正從寢室出來，并和他媽媽在一起，我想我午飯有著落了。正如心里想的一樣，
我們一起坐著車再打了的到有意思，我算是舊地重游了。我不說和。
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標(biāo)記是為圖像添加水平邊距，在瀏覽器中預(yù)覽，可以看到設(shè)置的水平邊距為20像素，如圖所示。

圖像元素的水平邊距屬性hspace運(yùn)行效果