HTML中普通空格会被浏览器合并,需用 、 、 等实体或CSS控制;blockquote不影响空格逻辑,缩进由margin实现;复杂排版推荐CSS而非冗余实体。

HTML 中怎么输入空格字符
普通空格键敲出来的空格在 HTML 里会被浏览器自动合并成一个,连续多个空格、换行、制表符都算“空白符”,最终只渲染一个空格。想显示多个空格或保留格式,得用特殊字符或 CSS。
和 、 的区别
最常用的是 (non-breaking space),它不换行、不被合并,适合防断行或占位。但它是固定宽度(约等于一个汉字宽)。如果要更精确控制空格宽度:
-
≈ 半个中文字符宽(en 空格,1/2 em) -
≈ 一个中文字符宽(em 空格,1 em) -
≈ 1/6 em,极细空隙,常用于数学排版
这些实体不会被浏览器合并,也不触发换行,但需注意:它们的视觉宽度依赖字体和渲染引擎,不是绝对像素值。
引用块()里空格的表现特点
引用块本身不影响空格渲染逻辑,但容易让人误判,因为:
立即学习“前端免费学习笔记(深入)”;
- 缩进是靠 CSS
margin-left实现的,和内部空格无关 - 若引用块内用了
white-space: normal(默认),空格照旧被合并 - 若加了
white-space: pre或pre-wrap,则所有空格、换行都会保留——但这时缩进可能错乱,因为原始缩进也被当作文本内容渲染了 - 常见误区:以为在
里多敲空格就能对齐,实际必须配合或 CSS
真正可靠的空格控制方式
靠 HTML 实体只能解决简单场景;复杂排版建议用 CSS:
span.spacer {
display: inline-block;
width: 20px; /* 或 em/rem */
}或者直接用 margin / padding 推元素,比塞一堆 更可控、语义更清。特别注意:屏幕阅读器会朗读 为“空格”,过多会影响无障碍体验。
需要保留整段缩进或代码格式?优先用 组合,而不是在 里硬塞空格。










