orphans

有限可用

此特性不属于基线，因为它尚未在主流浏览器中得到支持。

Want more support for this feature? Tell us why.

CSS 属性 orphans 用于设置区块容器中，在页面、区域或列的底部必须显示的最少行数。

在排版学中，孤行指的是段落的第一行单独出现在页面底部（段落的其余部分延续到下一页）。

本文内容

语法

css
/* <integer> 值 */
orphans: 2;
orphans: 3;

/* 全局值 */
orphans: inherit;
orphans: initial;
orphans: revert;
orphans: revert-layer;
orphans: unset;

值

在发生分段断开之前，段落底部所允许单独存在的最少行数。该值必须为正数。

形式定义

初始值适用元素是否是继承属性计算值动画类型

区块容器元素

是

as specified

按计算值的类型

形式语法

orphans =
<integer [1,∞]>

<integer> =
<number-token>
此语法反映了基于 CSS Fragmentation Module Level 4, CSS Values and Units Module Level 4 的最新标准。并非所有浏览器都已实现全部内容。有关支持信息，请参阅浏览器兼容性。

示例

设置最少孤行数为三行

HTML

html
<div>
  <p>这是第一段文字，包含一些内容。</p>
  <p>这是第二段文字，包含的内容比第一段更多。它用来演示孤行的处理方式。</p>
  <p>这是第三段文字。它的内容比第一段稍微多一些。</p>
</div>

CSS

css
div {
  background-color: #8cffa0;
  height: 150px;
  columns: 3;
  orphans: 3;
}

p {
  background-color: #8ca0ff;
}

p:first-child {
  margin-top: 0;
}

结果

规范

CSS Fragmentation Module Level 3
# widows-orphans

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2025年11月10日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题