中文网页正文行高设置多少合适？

正文通常可从 1.6 到 1.8 之间调整，本站示例使用 1.75；大标题可收紧到约 1.35。

中文和英文之间要不要加空格？

通常建议在中文与英文或半角数字之间加入一个空格，但标点旁边不重复加空格。手动或构建时处理比依赖实验性浏览器特性更稳妥。

为什么不建议中文正文使用两端对齐？

中文没有西文那样的词间空格，两端对齐容易把字距拉得不均匀。多数网页正文使用左对齐更稳定。

中文排版，不是西文换个字体

把中文排得
像中文。

行高、中英间距、CJK 断行、字体栈和标点——十条规则，修掉中文网页里那些“说不上来，但就是不舒服”的地方。

01 / 对照

只改排版，气质就变了

下面两段内容相同。右侧没有加入图片、渐变或动效，只修正了中文阅读最关键的几项参数。

BEFORE · 西文模板直套

我们用AI工具做了一次中文网页实验。页面设置为两端对齐，行高只有1.35，而且把word-break写成break-all。遇到OpenAI Codex这样的中英文混排时，字母可能从中间断开。中文强调还被机械地拉成斜体，读起来又挤又碎。

×行距拥挤、字距不匀、英文可能被截断，中文斜体也缺少自然字形。

AFTER · 中文阅读参数

我们用 AI 工具做了一次中文网页实验。页面使用左对齐，正文行高设为 1.75，并保留正常的单词断行。遇到 OpenAI Codex 这样的中英文混排时，英文单词会保持完整。中文强调改用着重号，字面更稳定，阅读节奏也更松弛。

✓盘古之白、舒展行高、正常断词、严格避头尾，规则各自解决一个明确问题。

02 / 规则

中文排版的 10 个支点

它们不是审美口号，而是可以逐项检查的实现规则。具体数值仍应按字号、字体和载体微调。

留出盘古之白

中文与英文、半角数字之间通常加一个空格；标点旁边不重复加。例：用 Python 写 3 个脚本。

正文行高更松

从 line-height: 1.75 起步；中文字符方正饱满，西文常用的 1.4 往往太挤。

写完整字体栈

覆盖苹果、Windows 与 Linux / Android；衬线和无衬线分别组织，不依赖单一系统字体。

标点跟随语境

中文句子用全角标点，英文内部用半角；中文省略号是“……”而不是三个英文句点。

引号保持统一

简体大陆常用“”与‘’；港台或文艺排版常见「」与『』。选择一套，不在同篇混用。

控制 CJK 断行

用 word-break: normal 与 line-break: strict，避免截断英文和标点悬在行首。

缩进与段距二选一

网页多用段间距；印刷、Word / PDF 可用两字符首行缩进。不要同时缩进又空行。

中文慎用斜体

许多中文字体没有真斜体。优先用字重或 text-emphasis: dot 的传统着重号。

限制字号与行宽

网页正文建议至少 16px；长阅读可从 17–18px 测试，正文宽度可先设 max-width: 38em。

数字保持可比较

数字使用半角，单位前后的空格按语境统一；表格数字用 tabular-nums 对齐。

03 / 落地

一份能直接改的基础 CSS

这不是“万能主题”，而是稳健起点。品牌字体、字号层级与不同地区规范仍要按项目确认。

先确认载体，再下手

网页、公众号、文档和演示文稿的约束不同。选择一个载体，查看最先要调整的参数。

网页

优先检查字体回退、正文行宽、响应式字号与 CJK 断行；正文通常使用段间距，不做首行缩进。

:root {
  --font-sans: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "PingFang SC", "Microsoft YaHei",
    "Noto Sans CJK SC", sans-serif;
  --font-serif: "Songti SC", "Noto Serif CJK SC",
    Georgia, serif;
}

body {
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.75;
  letter-spacing: 0.01em;
}

article { max-width: 38em; margin-inline: auto; }
p { margin: 0 0 1.5em; }
h1, h2, h3 { line-height: 1.35; letter-spacing: 0; }

article {
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}

em {
  font-style: normal;
  text-emphasis: dot;
  text-emphasis-position: under right;
}

td.num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

04 / 速查

页面哪里不对，先看这里

从症状反推原因，比随意换颜色和字体更有效。

症状	常见原因	优先修复
中文挤成一堵墙	行高偏小、段落没有呼吸	`line-height: 1.75`
中英文粘在一起	缺少混排空格	手动或在构建流程中加入空格
英文单词被切开	使用了 `break-all`	`word-break: normal`
标点悬在行首	缺少 CJK 避头尾	`line-break: strict`
正文一眼扫不完	每行过长	从 `max-width: 38em` 调整
中文斜体像被推歪	字体没有真实斜体字形	改用字重或着重号

让 Codex 帮你逐项检查。

安装本站原创 chinese-typography，按载体输出中文排版建议或可直接使用的样式。