css3orphans

CSS3 Orphans属性用于控制一个段落文本的最后几个字是否能独立成一行，还是必须与下一行文本连在一起。

p {
    orphans: 2;
}

如上述CSS代码所示，设置orphans属性为2，即表示如果在一个段落文本的末尾只剩下2个字符或更少的字母，则这些字符将与下一行的文本连在一起。如果不设置该属性，则默认情况下如果在段落的末尾只剩下一个字符，则该字符将单独成行。

orphans属性的使用可以使页面的段落文本更加美观，避免出现孤零零的一个字或几个字单独在一行的情况。

然而需要注意的是，该属性只能在页面上设置整个段落文本的行首或行尾的最后几个字符是否能单独成行，而无法针对每个单词或每个句子进行设置。

p {
    orphans: 3;
    widows: 2;
}
    

在CSS3中，还可以设置widows属性来控制一个段落文本的最后几个字符是否可以独立成一行。与orphans属性不同的是，widows属性用于控制一个段落开头的最后几个字符是否可以独立成一行。

如上述CSS代码所示，设置widows属性为2，表示一个段落文本的开头，如果只剩下2个字符或更少的字母，则这些字符将和下一行文本分在同一行。如果不设置该属性，则默认情况下，一个段落文本的开头只要剩下一个字母，该字母就将被单独作为一行。

在实际开发中，根据页面布局的需要，我们可以使用orphans和widows属性来控制段落文本的排版效果，使页面呈现出更加清晰美观的排版效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！