孤行控制属性

最后更新:2026-09-13

orphans 孤行控制属性

orphans 属性用于打印分页时控制段落末尾在新页面顶部至少保留的行数,默认值为 2。它属于 CSS 分页媒体属性,目的是避免段落最后一行单独出现在上一页底部(称为孤行),提升印刷排版的可读性。

分类
初始值2
继承
适用于
可动画
CSS 版本CSS2
状态标准

📝 语法

orphans: <integer>;

⚙️ 取值

类型描述
<integer>类型段落末尾最少行数

▶ 示例

编辑下方代码,在 playground 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
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,避免段落首末行被分页截断。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏