您的位置:首页 > Web前端 > CSS

CSS控制打印的样式设计

2018-03-08 13:56 447 查看

@page规则控制打印设置选项

1.使用@page规则可以对打印进行更多的设置,比如指定页面的尺寸,页边距,页眉页脚等。

2.纸张大小设置:    (
设置纸张大小,5.5英寸宽,8.5英寸高。)
通过别名控制纸张大小,如"A4"或“legal.”通过控制打印方向,portrait: 纵向打印地,  landscape: 横向。

2.page模型:
在分页媒体格式模型中,文档被转移到一个或多个页面框。该页框是映射到一个矩形平面。这大致类似于css盒子模型:



3.page边距模型: 我们应该了解的页面的盒子模型,因为它的行为跟如何在屏幕上的工作有些不同。页面模型定义了页面区域,然后划分了16个周边缘盒。可以控制页区域的大小和页区域的边缘和页面本身的端部之间的余量的尺寸。



左右页边距:

规则还定义了两个伪类选择器。
:first
选择器选中是文档的第一页。

:blank
伪类选择器选中任何“故意左侧留白”的页面。要添加这样的文字,我们可以使用目标是边距盒顶部中心的生成内容。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: