CSS打印設(shè)置中使用偽類區(qū)分左右頁面格式
作者：佚名 時間：2014-03-26 分享到：
在許多網(wǎng)站打印應(yīng)用程序中，作者希望對文檔的首頁面使用不同的頁面布局，并將兩面文檔的右邊和左邊頁面的格式區(qū)分開來。CSS使用三個與頁面名稱相連的偽類來調(diào)整所有這些情況。
|返回首頁 | 網(wǎng)站案例 | 幫助中心
合作共贏、快速高效、優(yōu)質(zhì)的網(wǎng)站建設(shè)提供商
|返回首頁 | 網(wǎng)站案例 | 幫助中心
合作共贏、快速高效、優(yōu)質(zhì)的網(wǎng)站建設(shè)提供商
在許多網(wǎng)站打印應(yīng)用程序中，作者希望對文檔的首頁面使用不同的頁面布局，并將兩面文檔的右邊和左邊頁面的格式區(qū)分開來。CSS使用三個與頁面名稱相連的偽類來調(diào)整所有這些情況。
“:first”偽類將頁面格式應(yīng)用到文檔的首頁面上。在“:first”頁面指定的page-layout屬性會覆蓋一般頁面布局中對應(yīng)的屬性。可以將“:first”偽類與命名的頁面布局結(jié)合起來使用；如果文檔的首頁是使用命名的頁面顯示的。就會應(yīng)用適當?shù)氖醉摬季帧?/div>
“:left”和“:right”偽類也用相似的方式定義文檔左邊和右邊的頁面布局。此外，命名的頁面可以有左邊和右邊的變化。瀏覽器會把適當?shù)淖筮吅陀疫叢季謶?yīng)用到文檔中的所有頁面中，當然，前提是如果存在這種布局的話。
你無需指定命名的頁面來使用這些偽類。實際上，多數(shù)文檔都沒有這么做。例如，如果使用下列這些設(shè)置：
@page:first{margin-top: 3in}
@page:left{margin-left: 2in; margin-right: 1in}
@page :right{margin-left: 1in; margin-right: 2in}
而沒有進一步的干涉，文檔的首頁就會具有3英寸寬的上邊界（根據(jù)你所在地區(qū)如何定義文檔的首頁，是在右邊還是左邊，據(jù)此設(shè)置適當?shù)挠疫吔绾妥筮吔纾ｋS后的頁面會交替加寬或縮小內(nèi)部和外部的邊界。
