如何使用HTML和CSS创建制表符和间距

元素，使用CSS定位来获得列布局。这种定位可以通过CSS浮动，绝对和相对定位，或新的CSS布局技术，如Flexbox或CSS Grid来实现。

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

边距，填充和文本缩进

使用CSS创建空格最常见的方法是使用以下CSS样式之一:

• 保证金
• 填充
• 文本

例如，缩进一个段落的第一行，像一个标签与以下CSS(注意，这假设你的段落有一个类属性的“first”附加到它):

p.first {
indent: 5 em;
}

这一段缩进约五个字符。

中使用页边距或填充属性CSS在元素的顶部、底部、左侧或右侧(或这些边的组合)添加间距。通过转向CSS来实现任何需要的间距。

没有CSS的移动文本超过一个空格

如果您想要的只是将文本与前一项移动多于一个空格，请使用不换行空格。

要使用不间断空格，您可以添加,在HTML标记中需要多少次就使用多少次。

HTML尊重这些非断行空格，不会将它们压缩为单个空格。然而，这种方法被认为是一种糟糕的实践，因为它只是为了实现布局需求而向文档中添加额外的HTML标记。在可行的情况下，避免添加不间断的空间，以达到理想的布局效果和使用CSS页边距和填充代替。