|返回首頁 | 網(wǎng)站案例 | 幫助中心
合作共贏、快速高效、優(yōu)質(zhì)的網(wǎng)站建設(shè)提供商
CSS為頁面布局命名以及控制窗口和孤立行
使用命名的頁面
在創(chuàng)建了具有名稱的頁面布局后，就可以向樣式中添加頁面屬性，隨后再將該樣式應(yīng)用到文檔中的元素上，從而在自己的文檔中應(yīng)用這種頁面布局。如果某個(gè)元素的頁面布局與前面元素或包含元素布局有所有不同，就會(huì)在文檔中插入分頁符，并繼續(xù)使用新的頁面布局進(jìn)行格式化。當(dāng)元素的范圍終止時(shí)，頁面布局會(huì)回復(fù)為以前的布局，并根據(jù)需要進(jìn)行適當(dāng)?shù)姆猪摗?/div>
例如，該樣式在landscape頁面上顯示了文檔中的所有表格：
@page{size:portrait}@page rotated{size:langdscape}table{page:rotated}
在打印時(shí)，如果瀏覽器遇到文檔中的<table>元素，而且當(dāng)前的頁面布局是默認(rèn)的縱向布局，就會(huì)開始一個(gè)新頁面，并在landscape頁面上打印出表格。如果表格后面跟隨的是非表格化內(nèi)容，瀏覽器會(huì)插入另一個(gè)適當(dāng)?shù)姆猪摲椅谋玖鲿?huì)在默認(rèn)的縱向大小的頁面上曳光彈顯示。一行中有多個(gè)表格時(shí)，如時(shí)它們都很符合，就會(huì)在一個(gè)單獨(dú)的langdscape sheet中顯示它們。
控制分頁
除非另外進(jìn)行了指定，否則分頁符僅在頁面格式改變或內(nèi)容溢出當(dāng)前頁面框的情況下出現(xiàn)。要另外強(qiáng)制或禁止分頁的話，可以使用page-break-before、page-break-after和page-break-imside屬性。
page-break-before和page-break-after這兩個(gè)屬性都可以接受auto、always、avoid、left和right關(guān)鍵字。auto是默認(rèn)值；它令瀏覽器根據(jù)需要生成分頁符。關(guān)鍵字always強(qiáng)制分頁符出現(xiàn)在元素之前或之后，頁avoid則禁止分頁符緊隨在元素之前或之后。left和right關(guān)鍵了強(qiáng)制使用一個(gè)或兩個(gè)分頁符，這樣元素就會(huì)顯示在左側(cè)或右側(cè)的頁面上。
使用pagination屬性是很直截了當(dāng)?shù)囊环N方法。假設(shè)你的文檔用1級(jí)標(biāo)題開始了新的一章，并用2級(jí)標(biāo)題表示其中的小節(jié)。你希望每一張都在新頁面的右側(cè)開始，但是不希望小節(jié)標(biāo)題與隨后的內(nèi)容被分頁符斷開。因此，可以編寫下列css打印規(guī)則：
h1{page-break-before:right}h2{page-break-after: avoid}
僅在page-break-inside屬性中使用auto和avoid值。auto允許元素內(nèi)出現(xiàn)分頁符（默認(rèn)行為），而avoid則禁止它們。雖然如此，大于打印出的頁面的元素會(huì)被分解；這就是為什么關(guān)鍵了是avoid而不是prevent。
如果你希望自己的表格最好不要在不同的頁面上斷開，就要編寫下列規(guī)則；
table{page-break-inside: avoid}
控制窗口和單獨(dú)行
在印刷術(shù)語中，orphans（單獨(dú)行）是指某個(gè)段落由于分頁符的原因而位于頁面底部的那些行，而widows(短行)是指那些分頁符后面保留在頁面上部或底部有幾行孤零零的文字。多數(shù)打印機(jī)都試圖在每一頁的上部或下部至少留出兩行或更多行的文字。
如果你想控制這種行為，可以將widows和orphans屬性應(yīng)用到元素中。每個(gè)屬性的值都分別是可能在頁面上下留出的文本行的最小數(shù)目。默認(rèn)值為2，這意味著瀏覽器會(huì)根據(jù)需要生成分頁符，以確保從元素出現(xiàn)在每個(gè)頁面上部和底部的時(shí)候，至少有兩行文字。一般情況下應(yīng)該把該屬性應(yīng)用于文檔中的所有元素，以保證全部的分頁都很一致。
