寡行控制属性

最后更新：2026-09-13

widows 寡行控制属性

widows 属性用于打印分页时控制段落开头在上一页底部至少保留的行数，默认值为 2。它与 orphans 配对使用，避免段落第一行单独留在上一页底部（称为寡行），确保印刷文档的段落完整性。

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

📝 语法

widows: <integer>;

⚙️ 取值

值	类型	描述
`<integer>`	类型	段落开头最少行数

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

▶ 试一试

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
widows	✓ v10	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： widows 和 orphans 在 CSS 中拼写容易混淆，可以通过 widow=寡妇（开头留一行）来记忆。

❓ 常见问题

Qwidows 和 orphans 必须一起设置吗？

A不强制，两者是独立的打印分页属性，但通常一起设置相同值以保证段落首尾处理一致。例如 orphans: 3; widows: 3; 表示段落前后都至少保留三行，视觉统一。若只设置一个，另一侧仍可能出现孤行或寡行。实际项目常把两者一起写进 @media print。

Qwidows 会影响屏幕显示吗？

A不会。widows 和 orphans 只在分页场景生效（打印、打印预览、PDF 导出），屏幕是连续滚动、没有分页，所以页面显示完全不受影响。调试时可通过浏览器打印预览查看效果，或在 DevTools 中模拟打印媒体查看分页结果。

Qwidows 和 orphans 哪个控制段落开头？

Awidows（寡妇）控制段落开头，保证段落前 N 行不会单独留在上一页底部；orphans（孤儿）控制段落结尾，保证段落末尾 N 行不会单独落到下一页顶部。可以这样记忆：widow 站在"开头"（页底），orphan 站在"结尾"（页首），两者常设相同值。

Q打印时段落被截断怎么办？

A除了 orphans/widows 控制段落内行数，还可配合 break-inside: avoid（避免元素整体被分页切断）一起使用。对长段落设置 orphans: 3; widows: 3; 可避免孤行寡行；对图片、表格行等不应跨页的元素用 break-inside: avoid 让它们整体移动到下一页。