orphans

Avatar of Sara Cope
Sara Cope

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费信用额度!

在排版术语中,孤儿是指一段文字的第一行留在旧页面上而该段文字的其余部分继续在下一页上的情况。orphan 属性控制可以留在旧页面上的段落行的最小数量。 此属性仅影响分页媒体,如 print

@media print {
  p {
    orphans: 3;
  }
}

例如,如果一段文字无法完整地放在一页上,它将在任何可能的位置被分割。 这样一来,一段文字的单行可能会出现在一页上,然后在下一页继续。 这通常是不可取的,因此许多文字处理器要求至少有两行留在旧页面上,而不是一行。 您可以指定一个正数(其中 2 是默认值)或 inherit

请注意,orphan 属性通常不会影响非分页媒体,如 screen。 但是,支持 orphanscolumns 的浏览器也会将预期功能应用于列。 此外,此属性仅影响块级元素。

简而言之,在 CSS 中:
widows = 分割在页面上的段落中行的最小数量。
orphans = 分割在页面上的段落中行的最小数量。
红色线条是孤儿。

其他资源

浏览器支持

ChromeSafariFirefoxOperaIEAndroidiOS
25+9.2+8+