孤行控制属性
最后更新:2026-09-13
orphans 孤行控制属性
orphans 属性用于打印分页时控制段落末尾在新页面顶部至少保留的行数,默认值为 2。它属于 CSS 分页媒体属性,目的是避免段落最后一行单独出现在上一页底部(称为孤行),提升印刷排版的可读性。
| 分类 | |
|---|---|
| 初始值 | 2 |
| 继承 | 是 |
| 适用于 | |
| 可动画 | |
| CSS 版本 | CSS2 |
| 状态 | 标准 |
📝 语法
orphans: <integer>;
⚙️ 取值
| 值 | 类型 | 描述 |
|---|---|---|
<integer> | 类型 | 段落末尾最少行数 |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| orphans | ✓ v10 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示: orphans 和 widows 只有在分页媒体(print)中才会生效,屏幕显示不受影响。
❓ 常见问题
Qorphans 和 widows 有什么区别?
Aorphans(孤儿)控制段落末尾在下一页顶部至少保留的行数,避免段落的最后一行单独落在页首;widows(寡妇)控制段落开头在上一页底部至少保留的行数,避免段落第一行单独留在页底。两者都是分页媒体属性,配合使用保证段落完整。
Q为什么 orphans 的默认值是 2?
A段落末尾单行孤悬在页首会显著影响阅读体验,排版规范约定至少保留两行才算完整的段落块。因此浏览器默认 orphans: 2,即分页时段落末尾不足两行时,整段移到下一页。印刷出版中常设为 3 或更高,追求更整齐的分页效果。
Qorphans 能取值 0 吗?
A可以。语法上接受任意非负整数,设置为 0 表示允许段落末尾零行都保留(即允许孤行出现),但实际排版中不建议,孤行会破坏阅读连贯性。常见取值 2~4,并与 widows 设置为相同值(如 orphans: 3; widows: 3;)保证段落首尾最少保留三行。
Qorphans 在什么场景下才会生效?
A只影响分页媒体:打印、打印预览、PDF 导出以及部分电子书渲染。网页屏幕滚动浏览没有"页"的概念,该属性不生效。需要打印排版的长文档(报告、论文、合同)应在 @media print 中设置 orphans 和 widows,避免段落首末行被分页截断。