2. 非断行空格(`&nb" />
知妳网 知妳网-知妳所想,懂妳所需

知妳网

知妳网知你所想为你解忧最懂你的网站

html的空格怎么打

1. 普通空格(自动合并)

直接按空格键输入的空格会被 HTML 合并为一个空格:

html的空格怎么打

html

Hello World

显示为 "Hello World" >

2. 非断行空格(` `)

使用 ` ` 实体插入不会被合并的空格:

html

Hello    World

显示为 "Hello World" >

3. 其他空白字符实体

  • 半角空格(正常空格):` ` 或 `&160;`
  • 半方空格(En空格):` ` 或 `&8194;`(宽度为 1em 的一半)
  • 全方空格(Em空格):` ` 或 `&8195;`(宽度为 1em)
  • 细空格:` ` 或 `&8201;`(比普通空格窄)
  • 4. 使用 CSS 保留空格

    通过 CSS 的 `white-space` 属性保留原始空白:

    html

    Hello World

  • 显示所有空格 >
  • 5. CSS 边距控制

    用 `margin`/`padding` 调整元素间距:

    html

    Hello

    World

    6. 使用 `
    ` 标签

    保留预格式化文本中的空格:

    html

    Hello     World

    何时使用?

  • 单个非断行空格 → ` `
  • 保留多空格排版 → CSS `white-space: pre`
  • 元素间大间距 → CSS `margin/padding`
  • 特殊字符对齐 → En/Em 空格实体
  • 注意:现代网页开发中,推荐优先使用 CSS 控制布局间距,实体空格更适合文本内容中的特殊空白需求。