@page <label> <pseudo-classes>{ Rules }
@pager规则用于在打印时候修改css属性,而不能修改所有的css属性
浏览器支持:
属性:
<label> : 页面标识符
<pseudo-class>::first 打印第一页的样式;:left 打印左边的样式;:right 打印右边的样式
Rules:
size: auto; landscape 横版; portrait 竖版; 具体纸张型号,例如A4、A5...; 具体纸张大小 4in 5in
margin: 边距
marks: 向文章添加剪切标记
bleed: 制定一个超出页面盒模型区域,超出将被剪裁
打印分页
page-break-after: 在元素后添加分页符
page-break-before: 在元素前添加分页符
auto: 默认值
always: 强制分页
avoid: 阻止分页
left: 下一页格式化为左页
right: 下一页格式化为右页
page-break-inside: 在元素中添加分页符
auto: 默认值
avoid: 阻止分页
此属性适用于生成一个盒子的块元素。它不适用于不会生成一个盒子的空 <div>; 在部分浏览器中,table会出现兼容性问题,用div分开包裹就好了