如何在HTML中添加空间(附实例)

300 阅读3分钟

在你的HTML中添加一个空格可能是很难做到的。而且至少有5种方法可以做到这一点。

本教程将向你展示几个例子。它还将向你展示如何使用花哨的空格。

你可以在原始的HTML中做到这一切,而不需要使用CSS。但请注意,CSS是向你的HTML添加空间的首选方式。freeCodeCamp有一大堆关于如何使用CSS盒子模型来完成这个任务的教程。

空格的ASCII字符是什么?

空格的ASCII字符编码是20。但这只是标准的方法。有几种

在HTML中,你可以使用5种类型的空格。从肉眼看,它们看起来是一样的,但它们的用途略有不同。

还有Tab字符,它代表按键盘上的Tab键。还有回车字符,代表按键盘上的回车键:

+---------------------+-----------+
|      Character      | HTML Code |
+---------------------+-----------+
| Non-breaking space  |      |
| En space            |      |
| Em space            |      |
| Thin space          |    |
| Standard space      |      |
| New Line (Return)   | 
     |
| Tab Character       | 	     |
+---------------------+-----------+

空格字符的宽度是多少?

空格字符有四种常见的宽度:

  1. 标准宽度的空格:这也被称为 "非断行空格",因为它不会引起断行(又称回车)。
  2. Em空间:这被称为 "Em",因为它的宽度与你所使用的任何字体中的字母M一样。(如果你听说过em-dash这个词,这是一个和字母M一样宽的破折号)。
  3. En空格:这被称为 "En",因为它和你的字体中的字母n一样宽。
  4. 最后,还有 "Thin space",这是所有空格中最细的一个。

在HTML中,空格的符号是什么?

最常用的HTML实体是

你可以试着抛出这个文本,强迫它呈现一个空格。

例如,假设你想在一个句子后面加两个空格,但网站渲染引擎中的其他东西却自动删除了其中的一个空格。你也许可以输入 ,增加两个空格。

空格是一个非ASCII字符吗?

不是,空格是一个ASCII字符。它的ASCII值是20,你可以像这样输入。

如何在HTML中留出空白?

你可能想用CSS将你的HTML元素居中,而不是硬编码空格。

但是,如果你只是想用一种快速而肮脏的方法来创造空白,并将文本推来推去,你可以像这样反复使用同一个空格字符:

[The text you want to add trailing whitespace to]      [the text you want to add trailing whitespace to]

什么字符看起来像空格但不是?

有两个字符看起来像空格,但不是:

  1. 换行符--也被称为 "回车符":换行字符的HTML代码是。
  2. Tab字符,当你在一个文本字段中按下Tab按钮时,你会得到这个字符。Tab字符的HTML代码是:。	

我希望这个教程对你有帮助,去吧,创造空间。🚀