HTML里的空格

1. 使用空格实体字符

浏览器不会合并多个连续的` `，适合在文本中插入多个空格。

示例：`Hello   World` → Hello   World

占据当前字体大小的1/2宽度（如“n”的宽度）。

示例：`Hello  World` → Hello  World

占据当前字体大小的整个宽度（如“m”的宽度）。

示例：`Hello World` → Hello World

2. 使用`

`标签

保留所有空格和换行符，适合显示代码块或保留格式的文本。

示例：

html

Hello   World
保留所有空格

3. CSS控制空格行为

`标签。
示例：
html
Hello   World
`white-space: pre-wrap;`
保留空格和换行，但允许文本自动换行。
示例：
html
长文本  自动换行...
4. CSS调整间距
`margin`/`padding`：调整元素外边距或内边距。
`text-indent`：首行缩进。
`letter-spacing`：增加字符间距。
示例：
html
宽间距文本
5. 其他空格实体
` `（窄空格）：小于半角空格，适合小间距需求。
`&x200B;`（零宽空格）：不可见，用于长单词换行。
使用建议
简单多空格 → 使用` `或` / `。
保留格式文本块 → 使用`
`或`white-space: pre`。
精确控制空格宽度 → 使用` `或` `。
自动换行保留空格 → 使用`white-space: pre-wrap`。
根据具体场景选择最适合的方法，确保在不同浏览器中测试兼容性。