HTML <img> 标签的 vspace 属性

<img> 标签的 hspace 和 vspace 属性可以设置图像周围的空间。


实例

设置文本中的图像的对齐方式:

  1. <html>
  2. <body>
  3. <h3>不带有 hspace 和 vspace 的图像:</h3>
  4. <p>
  5. <img src="/images/demo.png" align="middle">
  6. 这是一些文本。这是一些文本。
  7. </p>
  8. <h3>带有 hspace 和 vspace 的图像:</h3>
  9. <p>
  10. <img src="/images/demo.png" align="middle" hspace="30" vspace="30">
  11. 这是一些文本。这是一些文本。
  12. </p>
  13. </body>
  14. </html>

定义和用法

<img> 标签的 hspace 和 vspace 属性可以设置图像周围的空间。

详细说明

通常图形浏览器不会在图像和其周围的文字之间留出很多空间。除非创建一个透明的图像边框来扩大这些间距,否则图像与其周围文字之间默认的两个像素的距离,对于大多数设计者来说是太近了。如果把图像放在超链接中,特殊颜色的边框会把你费尽心思留出的所有间距都占据了,而且还会使人们注意到文字与图像是多么接近。

hspace 和 vspace 属性可以给图像一个自由呼吸的空间。通过 hspace,可以以像素为单位,指定图像左边和右边的文字与图像之间的间距;而 vspace 值则是上面的下面的文字与图像之间的距离的像素数。

在这些图像周围留出额外的空间,会使文本更容易阅读,而且页面整体上看上去会更引人入胜。


浏览器支持

虽然建议使用 align,但是几乎所有浏览器都支持该属性。


提示和注释

提示:您可以在外部样式表中使用 CSS 的外边距属性和内边距属性,为站点上的所有图像设置一致的边距。与单独为一个图像设置 hspace 和 vspace 属性相比,这种方式无疑拥有更高的效率。


兼容性注释

不推荐使用 img 元素的 hspace 和 vspace 属性;在 HTML 4.01 Strict 以及 XHTML 1.0 Strict DTD 中,不支持 img 元素的 hspace 和 vspace 属性。


语法

  1. <img vspace="value" />
属性值
描述
pixels 以像素为单位的图像周围的空白。