1. 使用 ` ` 实体
非断行空格,不会被浏览器合并。
示例:`Hello World

`
显示效果:Hello World(三个连续空格)
2. 其他空格实体
` `(en空格):宽度为半角(如字母“n”的宽度)。
` `(em空格):宽度为一角(如字母“m”的宽度)。
示例:`Hello World
`
显示效果:Hello World
3. `` 标签
保留文本中的原始格式(空格和换行)。
示例:
html
Hello World
显示效果:
Hello World
4. CSS `white-space` 属性
控制元素内空格的显示方式:
`white-space: pre`:保留空格,不自动换行。
`white-space: pre-wrap`:保留空格并允许自动换行。
示例:
html
Hello World
显示效果:Hello World
5. Unicode 空格字符
直接使用Unicode编码,如 `&32;`(普通空格,仍会被合并)。
推荐使用其他Unicode空格如 `&8194;`(等同于` `)或 `&8195;`(等同于` `)。
适用场景
少量空格:使用 ` ` 或 ` / `。
保留格式文本:用 `` 标签。
大段文字处理:通过CSS的 `white-space` 属性统一控制。
注意
普通空格键输入的空格(ASCII 32)在HTML中会被合并成一个。
调整元素间距应使用CSS的 `margin` 或 `padding`,而非文本空格。
选择合适的方法根据具体需求,确保内容正确显示且代码简洁。