通常，我们使用空格键来输入多个空格，但在编写代码时，空格键、Tab 键和 Enter 键输入的空格会被 HTML（超文本标记语言）自动忽略。HTML 会将此类键视为空白字符，并将其显示为单个空白。虽然 CSS 提供了多种空格和缩进样式，但 HTML 中也有一些工具允许您自己定义空格。
方法 1：插入单个空格和制表符
1. 插入不间断空格。一般来说，无论你按多少次空格键，HTML 只会在单词之间显示一个空格。当你需要插入多个空格时，请输入 或 代码。它们被称为“空格占位符”。你可以在页面上输入任意数量的空格。
它之所以被称为不间断空格，是因为它不会产生换行符。如果你滥用这个空格，浏览器可能无法以整洁易读的方式插入换行符。
2. 插入不同宽度的空格。有多种字符实体允许浏览器显示空格。不同的浏览器可能会对它们的显示略有不同，但与 不同，它们不会影响换行符：
— “en space” 以印刷测量单位命名，即两个正常空格的宽度
— “em 空格” 的宽度大约是四个普通空格的宽度
3. 使用不间断空格模拟制表符。生成段落的一种方法就是在第一行之前插入几个空格：。此方法仅适用于 HTML，如果您使用 CSS，则不建议使用（其他方法将在其他步骤中介绍）。
如果段落内容是富文本，请使用“pre”标签。
4. 使用 CSS 生成段落。CSS 的内边距和外边距告诉浏览器如何显示文本，因此显示更加一致。即使你不太了解 CSS 并且没有手册，你也可以轻松添加它。以下是如何将整个段落向右移动：
在 HTML 文档中
部分中，插入以下命令：
登录并复制
“p.”定义一个名为“”的段落（标记为 p）（您可以随意命名）。其余命令在段落左侧添加填充空间。
返回 HTML 文档的主体。每当您想要添加段落时，请在 <body> 标签内插入以下内容：
。
登录并复制
要调整缩进量，只需更改CSS命令中的数字“1.8”。后面的“em”应保留，这是宽度的单位。
方法 2：格式化长段落
1. 使用预格式化的文本。“pre”元素可以定义预格式化的文本，这些文本将保留文本中的空格或换行符。
登录并复制
标签中输入的空格或回车键将显示为空格或换行符。您可以使用它来显示代码示例、诗歌或其他需要空格和换行符的文本内容。
预格式化文本的一个主要缺点是其宽度。它无法像普通 HTML 那样调整页面宽度以适应用户的窗口大小。
2. 创建换行符。
该标签放置在当前文本行的末尾，插入一个简单的换行符。您可以输入多个“br”标签来创建多个空行。对于初学 HTML 的学生来说，这是一种编写代码的好方法，但是当您学习 CSS 时，您会发现这种强制性的 HTML 样式代码并不推荐。
3. 使用“p”标签定义段落。p 元素会自动在其前后创建一些空白，因此文本后的空格
该标签结束一个段落。大多数浏览器使用空行分隔段落，但这并不能保证格式准确。
尖端
如果你在最后审阅文本和代码的时候，看到代码上“漂浮”着一些多余的符号，那么就需要仔细检查是否存在不完整的代码，比如用“
“ 写为 “
CSS（层叠样式表）可以对网页中元素位置的布局（包括文本中的间距）提供像素级精确的控制，从而可以更好、更精确地编辑网页对象和模型样式。
请勿在开始标记后或结束标记前输入空格。例如，请勿将“ ”输入为“ ”。
非间距字符 ( ) 是字符实体的一个示例。您无法从键盘输入此类网络字符，但可以使用相应的代码插入该字符。
警告
超文本标记语言 (HTML) 不会像您期望的那样正常显示 Tab () 换行符。标准超文本网页没有换行符，因此“制表符”没有实际意义。
最好在代码编辑器或纯文本文件中编写 HTML，而不是在“Word”等文字处理程序中编写。在文字处理程序中编写代码时，空格可能会在网页上变成奇怪的符号，从而导致显示错误。这通常是因为文字程序在文本内容中附加了额外的数据，而网页浏览器无法识别这些数据，从而导致显示错误。
扫一扫在手机端查看
-
Tags : HTML，插入空格
我们凭借多年的网站建设经验，坚持以“帮助中小企业实现网络营销化”为宗旨，累计为4000多家客户提供品质建站服务，得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求，请立即点击咨询我们或拨打咨询热线： 13761152229，我们会详细为你一一解答你心中的疑难。
客服1 