css控制分页打印

最新推荐文章于 2024-01-12 10:21:51 发布

不屑哥

最新推荐文章于 2024-01-12 10:21:51 发布

阅读量4.2k

点赞数

分类专栏： javascript/jquery

javascript/jquery 专栏收录该内容

15 篇文章

订阅专栏

参考：http://blog.youkuaiyun.com/baohuan_love/article/details/49744363

通过设置css的page-break-after:always;

auto	默认。如果必要则在元素后插入分页符。
always	在元素后插入分页符。
avoid	避免在元素后插入分页符。
left	在元素之后足够的分页符，一直到一张空白的左页为止。
right	在元素之后足够的分页符，一直到一张空白的右页为止。
inherit	规定应该从父元素继承 page-break-after 属性的设置。

demo

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>打印</title>

</head>

<body>
	<div  style="page-break-after:always;">1 </div>
	<div  style="page-break-after:always;">2 </div>
	<div  style="page-break-after:always;">3 </div>
	<div  style="page-break-after:always;">4 </div>
</body>

<script type="text/javascript">
	 window.print();
</script>
</html>