如何在 HTML 中的文本之间添加空格 - CSS

在 HTML 中，文本之间默认是没有空格的，如果需要在文本之间添加空格，可以使用 CSS 中的 word-spacing 属性或者 white-space 属性。

使用 word-spacing 属性

word-spacing 属性可以控制单词之间的间距大小。

p {
  word-spacing: 10px;
}

上述示例中，p 元素中的单词之间的间距将会是 10px。

使用 white-space 属性

white-space 属性用于处理元素中空格、换行符和制表符等空白字符的处理方式。

p {
  white-space: pre;
}

上述示例中，p 元素中的空白字符将会被保留，不会被合并成一个空格。可以在 white-space 属性中使用不同的值来控制空格的处理方式：

• normal：合并连续的空白字符，并移除开头和结尾的空白字符。
• nowrap：不允许文本换行，合并连续的空白字符，移除开头和结尾的空白字符。
• pre：保留空白字符，不会合并连续的空白字符。
• pre-wrap：保留空白字符，允许文本换行。
• pre-line：合并连续的空白字符，允许文本换行。

总结

以上是在 HTML 中的文本之间添加空格的两种方法，可以根据实际情况选择使用哪种方法。

• word-spacing 属性控制单词之间的间距大小。
• white-space 属性控制空格、换行符和制表符等空白字符的处理方式。