js解决浏览器打印自动分页的问题

最新推荐文章于 2023-12-25 11:52:20 发布

aek7426

最新推荐文章于 2023-12-25 11:52:20 发布

阅读量793

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dakini/p/7053159.html

版权

设计过程出现一个困难问题,一个HTML页面有多个表格,要求必须自动分开打印到几张A4纸张上面.
一个表格被分开打印到两张A4上,多难看啊....

无意中翻阅CSS,发现里面有两语句:page-break-beforepage-break-after
分别对应的参数是: auto; always; left; right;
于是尝试建立一张HTML,如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>分页测试</title>
<style type="text/css">
<!--
.A4 {        
    page-break-before: auto;        
    page-break-after: always;
}
-->
</style>
</head>

<body>
    <div class="A4">第一页</div>
    <div class="A4">第二页</div>
</body>
</html>

于是解决了问题.....显示时是连续的,当你选择打印预览时,你会看到,已经是自动分开两页打印.

打印的方法：

　window.print();

　window.frames[1].print();

<input id="biuuu_button" type="button" value="打印"></input>  
  
<div id="myPrintArea">.....文本打印部分.....</div>

　2 使用jQuery插件实现打印某个模块打印

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>   
<script type="text/javascript" src="jquery.PrintArea.js"></script> 

$("input#biuuu_button").click(function(){  
      $("div#myPrintArea").printArea();  ）
}

转载于:https://www.cnblogs.com/dakini/p/7053159.html

aek7426

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js解决浏览器打印自动分页的问题

设计过程出现一个困难问题,一个HTML页面有多个表格,要求必须自动分开打印到几张A4纸张上面.一个表格被分开打印到两张A4上,多难看啊....无意中翻阅CSS,发现里面有两语句:page-break-beforepage-break-after分别对应的参数是: auto; always; left; right;于是尝试建立一张HTML,如下<html>...
复制链接

扫一扫