css 打印分页设置

• page-break-after

在元素之后始终进行分页的分页行为

@media print {
	table {
		page-break-after: always;
	}
}

兼容性: 所有浏览器兼容

值	描述
auto	默认值,如果必要就在元素后插入分页符
always	在元素后插入分页符
avoid	避免在元素后插入分页符
left	在元素之后插入足够的分页符,直到有一张空白的左页
right	在元素之后插入足够的分页符,直到有一张空白的右页

• page-break-before

在元素之前插入分页符

@media print {
	table {
		page-break-before: always;
	}
}

兼容性: 所有浏览器都支持

值	描述
auto	默认值,如果必要就在元素前插入分页符
always	在元素前插入分页符
avoid	避免在元素前插入分页符
left	在元素之前插入足够的分页符,直到有一张空白的左页
right	在元素之前插入足够的分页符,直到有一张空白的右页

• page-break-inside

在元素内部避免分页

@media print {
	table {
		page-break-inside: avoid;
	}
}

兼容性: 只有opera支持

值	描述
auto	默认值,如果必要就在元素内插入分页符
avoid	避免在元素内插入分页符