DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!
在排版术语中,寡妇词是指段落的最后一行单独出现在新页面或新列上的情况。CSS 中的 widows
属性控制段落可以落到新页面的最少行数。此属性仅影响分页媒体,例如 print
。
@media print {
p {
widows: 3;
}
}
如果一个段落无法完整地放在一页上,它会在任何可能的地方被分割。这样,段落的单行可能会出现在前一页,然后在下一页继续。这通常是不希望发生的,因此许多文字处理器要求至少有两行留在旧页面上,而不是一行。orphan
属性的作用类似。您可以为它指定一个正数(其中 2 是默认值)或 inherit
。
请注意,widows
属性通常不会影响非分页媒体,例如 screen
。但是,支持 widows
和 columns
的浏览器也会将预期功能应用于列。此外,该属性仅影响块级元素。
简而言之,在 CSS 中
widows
= 段落在新页面上分割时的最小行数。orphans
= 段落在旧页面上分割时的最小行数。

其他资源
浏览器支持
这些浏览器支持数据来自 Caniuse,该网站提供了更多详细信息。数字表示浏览器从该版本及更高版本开始支持该功能。
桌面
Chrome | Firefox | IE | Edge | Safari |
---|---|---|---|---|
25 | 不支持 | 8 | 12 | 7 |
移动/平板电脑
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
127 | 不支持 | 4.4 | 7.0-7.1 |
此处解释
http://xhtml.com/en/css/reference/widows/
这应该更多地使用!很棒的帖子。
我唯一一次接触 widows 是当我开始设置宽度时,并且此属性会自动建议。
我也是!!
这就是我来到这里的原因!:D
我也是 :P
这就是我查找该属性的原因。