widows

Avatar of Sara Cope
Sara Cope

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

在排版术语中,寡妇词是指段落的最后一行单独出现在新页面或新列上的情况。CSS 中的 widows 属性控制段落可以落到新页面的最少行数。此属性仅影响分页媒体,例如 print

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

如果一个段落无法完整地放在一页上,它会在任何可能的地方被分割。这样,段落的单行可能会出现在前一页,然后在下一页继续。这通常是不希望发生的,因此许多文字处理器要求至少有两行留在旧页面上,而不是一行。orphan 属性的作用类似。您可以为它指定一个正数(其中 2 是默认值)或 inherit

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

简而言之,在 CSS 中
  • widows = 段落在新页面上分割时的最小行数。
  • orphans = 段落在旧页面上分割时的最小行数。
红线是寡妇词。

其他资源

浏览器支持

这些浏览器支持数据来自 Caniuse,该网站提供了更多详细信息。数字表示浏览器从该版本及更高版本开始支持该功能。

桌面

ChromeFirefoxIEEdgeSafari
25不支持8127

移动/平板电脑

Android ChromeAndroid FirefoxAndroidiOS Safari
127不支持4.47.0-7.1