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屬性來控制段落文本的排版效果,使頁面呈現出更加清晰美觀的排版效果。