HTML <img> 標簽的 hspace 和 vspace 屬性
定義和用法
<img> 標簽的 hspace 和 vspace 屬性可以設置圖像周圍的空間。
詳細說明
通常圖形瀏覽器不會在圖像和其周圍的文字之間留出很多空間。除非創(chuàng)建一個透明的圖像邊框來擴大這些間距，否則圖像與其周圍文字之間默認的兩個像素的距離，對于大多數(shù)設計者來說是太近了。如果把圖像放在超鏈接中，特殊顏色的邊框會把你費盡心思留出的所有間距都占據(jù)了，而且還會使人們注意到文字與圖像是多么接近。
hspace 和 vspace 屬性可以給圖像一個自由呼吸的空間。通過 hspace，可以以像素為單位，指定圖像左邊和右邊的文字與圖像之間的間距；而 vspace 值則是上面的下面的文字與圖像之間的距離的像素數(shù)。
我們確信您同意這一點，也就是在這些圖像周圍留出額外的空間，會使文本更容易閱讀，而且頁面整體上看上去會更引人入勝。
瀏覽器支持
雖然不贊成使用 align，但是幾乎所有瀏覽器都支持該屬性。
提示和注釋
提示：您可以在外部樣式表中使用 CSS 的外邊距屬性和內(nèi)邊距屬性，為站點上的所有圖像設置一致的邊距。與單獨為一個圖像設置 hspace 和 vspace 屬性相比，這種方式無疑擁有更高的效率。
兼容性注釋
不推薦使用 img 元素的 hspace 和 vspace 屬性；在 HTML 4.01 Strict 以及 XHTML 1.0 Strict DTD 中，不支持 img 元素的 hspace 和 vspace 屬性。
請使用 CSS 代替。
CSS 語法：<img style="margin: 0px 50px">
在我們的 CSS 教程中，您可以找到更多有關 margin 屬性 的細節(jié)。
語法
<img hspace="value" />
或者：
<img vspace="value" />
屬性值
| 值 | 描述 |
|---|---|
| pixels | 以像素為單位的圖像周圍的空白。 |
TIY 實例
- <img> 標簽的 hspace 和 vspace 屬性
- 本例演示如何使用 <img> 標簽的 hspace 和 vspace 屬性來增加圖像周圍的空白。