参考资料

1. 用于长引用的 HTML
2. HTML 用于著作标题的
3. Html网页 Web 安全色
4. HTML 有用的提示
5. html链接标签详细说明以及案例
6. Html表格生成器有哪些
7. HTML 图像
8. HTML高度与宽度设置 Iframe

HTML 中的空格详解

基本概念

HTML 会合并连续的空白字符（空格、制表符、换行符）为一个空格

常用空格表示方法

1. 普通空格

(ASCII 32) - 键盘空格键输入的空格

2. HTML 实体

•   - 不换行空格 (non-breaking space)

•   - 半角空格 (en space)

•   - 全角空格 (em space)

•   - 窄空格 (thin space)

3. 特殊空格字符

•   - 等同于  

•   - 等同于  

•   - 等同于  

•   - 等同于  

功能对比

CSS 扩展控制

1. 空白处理属性

white-space: normal|nowrap|pre|pre-wrap|pre-line;

2. 文本缩进

text-indent: 2em; /* 首行缩进2个字符 */

3. 字间距

letter-spacing: 2px; /* 字符间距 */
word-spacing: 5px;   /* 单词间距 */

4. 填充和边距

padding-left: 10px;
margin-right: 15px;

实际应用建议

1. 使用   保持内容不被换行分割

2. 使用 CSS 控制布局间距而非多个空格

3. 需要保留格式时使用 <pre> 标签或 white-space: pre

4. 对齐文本优先考虑 CSS 而非空格填充