圖像的水平間距hspace和圖像的排列align

  • 2020-12-16 10:01:09
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

圖像的水平間距hspace

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

語法:<img src="圖像文件的地址" hspace="水平邊距">

說明:在該語法中,水平邊距hspace屬性的單位是像素。

舉例:<html><head><title>圖像的水平邊距</title><meta http-equiv=content-type content="text/html; charset=gb2312"></head><body>市機(jī)關(guān)幼兒園是一所省示范性幼兒園、市一級幼兒園。先后被評為浙江省科研興校200強(qiáng)學(xué)校、首批“園本教研示范幼兒園”、市教育科學(xué)研究基地學(xué)校、市現(xiàn)代化幼兒園、市先進(jìn)“結(jié)對園”、市中小學(xué)幼兒園教師教育先進(jìn)集體、市衛(wèi)生先進(jìn)單位、市綠化先進(jìn)單位。幼兒園環(huán)境優(yōu)美,設(shè)施優(yōu)良,是一所充滿童真、童趣的兒童樂園。</span>

</body>

</html>

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

提示

使用hspace和vspace屬性會在圖像周圍對稱加入空格。hspace屬性在圖像兩側(cè)加入空格,而vspace屬性在圖像頂部和底部加入相同的空格。

圖像的排列align

圖像和文字之間的對齊是通過align屬性來設(shè)定的,align的對齊方式有兩種:即絕對對齊和相對對齊。絕對對齊方式的效果和文字一樣,只有3種:居中(middle)、居左(left)、居右(right)。相對對齊方式是指圖像與一行文字的相對位置。

語法:<img src="圖像文件的地址" align="文字的對齊方式">

舉例:

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=gb2312" />

<title>圖像排列</title>

</head>

<body>

<p>回歸大自然的體驗(yàn),嘗試做個摩登原始人,登天入地,攀巖涉水,充滿樂趣,個人訓(xùn)練、團(tuán)體活動皆適宜,是全山西省最大、最富趣味性與挑戰(zhàn)性的山訓(xùn)場。本山訓(xùn)場是一片布置于樹林及原野間的山訓(xùn)場,場內(nèi)的設(shè)施均具野味而刺激。<br /> 

 山莊還安排體能鍛煉及充滿活力的團(tuán)隊山訓(xùn)課程 

</html>


當(dāng)前文章標(biāo)題:圖像的水平間距hspace和圖像的排列align

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3326.html

上一篇:圖像的邊框border和圖像的垂直邊距vspace

下一篇:圖像的超鏈接和圖像熱區(qū)鏈接

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)