行宽
Measure
别名:行宽行长每行字数一行多少字字符数每行measurecharacters per line
这是什么
一段文字每行容纳的字符数，决定眼睛回行是否省力。舒适区大约 45～75 个拉丁字符（中文 28～40 字），最常用 65ch 左右。行太窄回行太频繁，太宽则跟丢行；用 max-width 以 ch 为单位控制，比按像素猜更可靠。
交互实验室
试一试，再决定怎么用正在加载实验室…
✓ 适用场景
- 长文阅读、文章正文、帮助文档等逐行阅读场景
- 容器宽度随屏幕变化，需要给正文一个稳定上限
- 多栏排版，每栏正文需要独立约束行长
✕ 不适用场景
- 表格、数据密集列表——行宽由列结构决定
- 单行输入框、按钮标签等非段落文字
- 在 65ch 上继续做复杂断行调优，收益极低
常见形式
舒适 65ch
Optimal 65ch
长文默认档，回行省力
窄栏
Narrow column
侧栏说明、引文块，45ch 上下
宽界面文字
Wide UI text
设置页、表单说明，可放到 80ch
实现要点
max-width: 65chmax-width: 45remtext-wraphyphens正文容器写 max-width: 65ch（或 36rem 上下），放进流体外层让左右留白随屏变化。ch 单位跟随当前字体的零字宽，换字体后行长自动重算，比写死 px 稳。中文行长用字数估：28～40 字约等于 56ch～80ch 的视觉长度。多栏每栏单独限宽，不要让整页宽度决定行长。
平台 API
max-widthchtext-wraphyphens代码里叫什么
同一控件在不同体系里的叫号——用对名字，Prompt 和检索才准。
| 体系 | 名称 |
|---|---|
| CSS | max-width: 65ch 以零字宽为单位的行长上限 |
| Tailwind CSS | max-w-prose 约 65ch 的预设 |
横向对比
查看完整对比 →相关概念
一行文字占的垂直空间，决定段落的松紧与呼吸。标题收紧（1.1～1.3）显得挺拔，正文放宽（1.5～1.8）利于逐行阅读，引文可以更松。优先用无单位倍数，让行高随字号缩放，而不是写死像素值。
基础搭配使用用一组按比例递增的字号定义标题与正文层级，让排版有稳定节奏。以正文基准字号乘以固定比例（如 1.25 大三度、1.333 纯四度）逐级放大，标题之间形成可预期的视觉落差，不必逐档拍脑袋定 px；也可用 sm/md/lg 尺码或 clamp() 流式档位落地。
基础搭配使用把页面当作杂志版面经营的视觉语言：衬线大标题、首字下沉、细分栏、章节 编号与发丝分隔线，图文穿插而节奏如翻页。黑白灰为底、衬线与无衬线搭配， 用版式语言讲故事，而非用装饰堆砌氛围。
风格搭配使用