浏览器处理空白的方式一开始不是很直观，特别是当您比较超文本标记语言相对于文字处理程序处理空白的方式时。在文字处理软件中，您可以在文档中添加大量间距或制表符，这些间距将反映在文档内容的显示中。这种所见即所得的设计与HTML或网页不同。

印刷中的间距

在字处理软件中，三个主要的空白字符是空格、制表符和回车符。这些字符中的每一个都以不同的方式起作用，但在HTML中，浏览器使它们基本相同。无论您在HTML标记中放置一个空格还是100个空格，或者将空格与制表符和回车符混合，在浏览器呈现页面时，所有这些空格都将压缩为一个空格。在web设计术语中，这称为空白塌陷。不能使用这些典型的间距键在网页中添加空白，因为浏览器在浏览器中呈现时，会将重复的空格折叠为一个空格，

使用css创建html选项卡和间距

今天的网站是结构和风格分离的。页面的结构由HTML处理，而样式由级联样式表决定。要创建间距或实现特定布局，请使用CSS，而不是在HTML代码中添加间距字符。

如果您试图使用选项卡创建文本列，请改用&lt；部门&gt；使用CSS定位以获得该列布局的元素。这种定位可以通过CSS浮动、绝对和相对定位或更新的CSS布局技术（如Flexbox或CSS网格）来完成。

如果要布局的数据是表格数据，请使用表格根据需要对齐该数据。表格在网页设计中经常受到不好的评价，因为多年来它们被滥用为纯粹的布局工具，但如果您的内容包含真正的表格数据，那么表格仍然是完全有效的。

边距、填充和文本缩进

使用CSS创建间距的最常见方法是使用以下CSS样式之一：

• 边缘
• 衬垫
• 文字缩进

例如，使用以下CSS将段落的第一行缩进为选项卡（请注意，这假设您的段落附加了class属性“first”）：

本段缩进约五个字符。

使用CSS中的边距或填充属性向元素的顶部、底部、左侧或右侧（或这些边的组合）添加间距。通过使用CSS实现所需的任意间距。

在没有css的情况下将文本移动到多个空间

如果您只想将文本移离前一项一个以上的空间，请使用非中断空间。

要使用非中断空间，请添加&amp；nbsp；在HTML标记中需要多少次都可以。

HTML尊重这些不间断的空格，不会将它们折叠为单个空格。然而，这种方法被认为是一种糟糕的做法，因为它只是为了满足布局需要而向文档添加额外的HTML标记。在可行的情况下，避免仅仅为了达到所需的布局效果而添加不间断的空格，而是使用CSS边距和填充。