window.print()
在js中调用该方法能够打印当前页面的body里面的内容。
强制换页
css属性中page-break-befrore、page-break-after、page-break-inside可以对换页进行设置
- page-break-before 可以设置某元素前面的换页
值 | 说明 |
---|---|
auto | 默认值。如果必要则在元素前插入分页符。 |
always | 在元素前插入分页符。 |
avoid | 避免在元素前插入分页符。 |
left | 在元素之前足够的分页符,一直到一张空白的左页为止。 |
right | 在元素之前足够的分页符,一直到一张空白的右页为止。 |
inherit | 规定应该从父元素继承 page-break-before 属性的设置。 |
- page-break-after 可以设置某元素后面的换页
值 | 说明 |
---|---|
auto | 默认值。如果必要则在元素后插入分页符。 |
always | 在元素后插入分页符。 |
avoid | 避免在元素后插入分页符。 |
left | 在元素之后足够的分页符,一直到一张空白的左页为止。 |
right | 在元素之后足够的分页符,一直到一张空白的右页为止。 |
inherit | 规定应该从父元素继承 page-break-after 属性的设置。 |
- page-break-inside 设置元素内部的换页行为
值 | 说明 |
---|---|
auto | 默认。如果必要则在元素内部插入分页符。 |
avoid | 避免在元素内部插入分页符。 |
inherit | 规定应该从父元素继承 page-break-inside 属性的设置。 |
@media print媒介
该媒介可以对打印的样式进行设置。