files/zh-cn/web/html/element/spacer/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

---
title: <spacer>
slug: Web/HTML/Element/spacer
translation_of: Web/HTML/Element/spacer
---
<div>{{non-standard_header}}{{ obsolete_header }}</div>

<p><span class="seoSummary"><strong><code>&lt;spacer&gt;</code></strong> 是过时的 HTML 元素，它可以向页面插入间隔。它由 Netscape 设计，用于实现单像素布局图像的相同效果，Web 设计师用它来向页面添加空白，而不需要实际使用图片。 但是，<code>&lt;spacer&gt;</code> 不再受任何主流浏览器支持，并且相同效果可以简单由 CSS 实现。</span></p>

<p>Firefox 是 Netscape 浏览器的后继，在版本 4 中移除了 <code>&lt;spacer&gt; </code>的支持。</p>

<h2 id="Attributes" name="Attributes">属性</h2>

<p>就像其他 HTML 元素一样，这个元素支持 <a href="/en-US/docs/HTML/Global_attributes" title="HTML/Global attributes">全局属性</a>。</p>

<dl>
 <dt>{{ htmlattrdef("type") }}</dt>
 <dd>这个属性指定间隔的类型，可用的值为 <code>horizontal</code>, <code>vertical</code> 和 <code>block</code>。</dd>
 <dt>{{ htmlattrdef("size") }}</dt>
 <dd>当类型为 <code>horizontal</code> 或 <code>vertical</code> 时，这个属性可以用于定义间隔大小，以像素为单位。</dd>
 <dt>{{ htmlattrdef("width") }}</dt>
 <dd>当类型为 <code>block</code> 时，这个属性可以用于定义间隔的宽度，以像素为单位。</dd>
 <dt>{{ htmlattrdef("height") }}</dt>
 <dd>当类型为 <code>block</code> 时，这个属性可以用于定义间隔的高度，以像素为单位。</dd>
 <dt>{{ htmlattrdef("align") }}</dt>
 <dd>这个属性定义了间隔的对齐，可用的值为 <code>left</code>, <code>right</code> 和 <code>center</code>。</dd>
</dl>

<h2 id="示例">示例</h2>

<pre class="brush:html">&lt;span&gt;Just a text node&lt;/span&gt;
&lt;spacer type="horizontal" size="10"&gt;&lt;/spacer&gt;
&lt;span&gt;Just another text node&lt;/span&gt;
&lt;spacer type="block" width="10" height="10"&gt;&lt;/spacer&gt;
</pre>

<h2 id="规范">规范</h2>

<p>并不是任何规范的一部分。</p>

<p>{{ HTMLRef }}</p>