HTML Space – 如何在 HTML 中添加空格

570 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第4天,点击查看活动详情

空格的 ASCII 字符是什么?

空格的 ASCII 字符代码是 20。但这只是标准方式。以下 5 种类型的空格可供你使用。它们看起来相同,但它们的用途略有不同。

还有制表符,代表按键盘上的制表键。还有回车符,它代表按下键盘上的回车键。

+---------------------+-----------+
|      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”,因为它与你字体中的字母 n 一样宽。
  4. 最后是“薄空间”,它是所有空间中最薄的。

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. 制表符,这是你在文本字段中按下制表符按钮时得到的。制表符的 HTML 代码是:	

结论

我希望本教程对你有所帮助