定義和用法

<img> 標(biāo)簽的 hspace 和 vspace 屬性可以設(shè)置圖像周圍的空間。

詳細(xì)說明

通常圖形瀏覽器不會(huì)在圖像和其周圍的文字之間留出很多空間。除非創(chuàng)建一個(gè)透明的圖像邊框來擴(kuò)大這些間距，否則圖像與其周圍文字之間默認(rèn)的兩個(gè)像素的距離，對(duì)于大多數(shù)設(shè)計(jì)者來說是太近了。如果把圖像放在超鏈接中，特殊顏色的邊框會(huì)把你費(fèi)盡心思留出的所有間距都占據(jù)了，而且還會(huì)使人們注意到文字與圖像是多么接近。

hspace 和 vspace 屬性可以給圖像一個(gè)自由呼吸的空間。通過 hspace，可以以像素為單位，指定圖像左邊和右邊的文字與圖像之間的間距；而 vspace 值則是上面的下面的文字與圖像之間的距離的像素?cái)?shù)。

我們確信您同意這一點(diǎn)，也就是在這些圖像周圍留出額外的空間，會(huì)使文本更容易閱讀，而且頁面整體上看上去會(huì)更引人入勝。

實(shí)例

設(shè)置文本中的圖像的對(duì)齊方式：

<img src="w3school.gif" hspace="30" vspace="30" />

親自試一試

瀏覽器支持

雖然不贊成使用 align，但是幾乎所有瀏覽器都支持該屬性。

提示和注釋

提示：您可以在外部樣式表中使用 CSS 的外邊距屬性和內(nèi)邊距屬性，為站點(diǎn)上的所有圖像設(shè)置一致的邊距。與單獨(dú)為一個(gè)圖像設(shè)置 hspace 和 vspace 屬性相比，這種方式無疑擁有更高的效率。

兼容性注釋

不推薦使用 img 元素的 hspace 和 vspace 屬性；在 HTML 4.01 Strict 以及 XHTML 1.0 Strict DTD 中，不支持 img 元素的 hspace 和 vspace 屬性。

請(qǐng)使用 CSS 代替。

CSS 語法：<img style="margin: 0px 50px">

CSS 實(shí)例：帶有外邊距的圖像

在我們的 CSS 教程中，您可以找到更多有關(guān) margin 屬性 的細(xì)節(jié)。

語法

<img hspace="value" />

或者：

<img vspace="value" />

屬性值