网站建设技术团队
CSS打印设置中使用伪类区分左右页面格式
  • 日期 : 2014-03-26

在许多网站打印应用程序中,作者希望对文档的首页面使用不同的页面布局,并将两面文档的右边和左边页面的格式区分开来。CSS使用三个与页面名称相连的伪类来调整所有这些情况。

“:first”伪类将页面格式应用到文档的首页面上。在“:first”页面指定的page-layout属性会覆盖一般页面布局中对应的属性。可以将“:first”伪类与命名的页面布局结合起来使用;如果文档的首页是使用命名的页面显示的。就会应用适当的首页布局。

“:left”和“:right”伪类也用相似的方式定义文档左边和右边的页面布局。此外,命名的页面可以有左边和右边的变化。浏览器会把适当的左边和右边布局应用到文档中的所有页面中,当然,前提是如果存在这种布局的话。

你无需指定命名的页面来使用这些伪类。实际上,多数文档都没有这么做。例如,如果使用下列这些设置:

@page:first{margin-top: 3in}

@page:left{margin-left: 2in; margin-right: 1in}

@page :right{margin-left: 1in; margin-right: 2in}

而没有进一步的干涉,文档的首页就会具有3英寸宽的上边界(根据你所在地区如何定义文档的首页,是在右边还是左边,据此设置适当的右边界和左边界)。随后的页面会交替加宽或缩小内部和外部的边界。
鸿运通网站建设公司 www.61916.com