打印相关样式
// @page 只能更改文档的margins, orphans, widows 和分页符,其他属性不行
| 字段 | 值(默认值) | 备注 |
|---|---|---|
| size | – | 页面的框的大小和方向 |
| —- | auto | 用户代理决定页面的大小。在大多数情况下，使用目标板的尺寸和方向 |
| —- | landscape | 页面的内容以横向模式显示（即框的最长边是水平的） |
| —- | portrait | 页面的内容以纵向模式显示（即框的最长边是垂直的）。这是默认的方向 |
| —- | 任何长度值第一个值对应于页面框的宽度，第二个对应于其高度。如果只提供一个值，则用于宽度和高度 | |
| —- | 6in | 6英寸 |
| —- | 4in 6in | 宽度 高度 |
| —- | A4 | A4纸张 |
| page-break-after | auto | 元素后插入分页符 |
| —- | always | 在元素后插入分页符 |
| —- | avoid | 避免在元素后插入分页符 |
| —- | left | 在元素之后强制分页，以便下一页被格式化为左页 |
| —- | right | 在元素之后强制分页，以便下一页被格式化为右页 |
| —- | inherit | 规定应该从父元素继承 page-break-after 属性的设置 |
| —- | recto | 如果页面从左到右进行，那么这就像right。如果页面从右到左进行，那么这就像left |
| —- | verso | 如果页面从左到右进行，那么这就像left。如果页面从右到左进行，那么这就像right |
| page-break-before | auto | 元素前插入分页符 |
| —- | always | 在元素前插入分页符 |
| —- | avoid | 避免在元素前插入分页符 |
| —- | left | 在元素之前强制分页，以便下一页被格式化为左页 |
| —- | right | 在元素之前强制分页，以便下一页被格式化为右页 |
| —- | inherit | 规定应该从父元素继承 page-break-before 属性的设置 |
| —- | recto | 如果页面从左到右进行，那么这就像right。如果页面从右到左进行，那么这就像left |
| —- | verso | 如果页面从左到右进行，那么这就像left。如果页面从右到左进行，那么这就像right |
| page-break-inside | auto | 元素内自动插入分页符 |
| —- | avoid | 避免在元素内插入分页符 |
| —- | inherit | 规定应该从父元素继承 page-break-inside 属性的设置 |
| rotated | —- | 引用旋转 |
方式一
style="size: landscape;page-break-after: always;"
方式二
@page{size: portrait;}
@page rotated { size: landscape;} //定义纸张旋转
不断更新中……