添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
玩篮球的苹果  ·  Change the Reclaim ...·  3 年前    · 
失落的啄木鸟  ·  Python OpenCV ...·  3 年前    · 

这里的三个属性可以根据需要添加。

需要注意的是,在Firefox和chrome中,如果想实现打印可以自动分页,不要使用table来组织页面,两个浏览器对于用table组织的页面没有很好的支持自动分页,需要使用div,如果有表格,可以把表格包含在div中,也会自动分页打印。

如果没有可以添加css,例如

<style type="text/css" media="print">
    table {
          page-break-after:auto;
          page-break-inside:auto;
          page-break-before:auto;
          page-break-after:auto;
          page-break-inside:auto;
          page-break-before:auto;
</style>

最后,可以把需要打印的内容单独成立一页,添加上一个打印按钮使用css控制该按钮不会被打印出来:

<style media="print">
.Noprint {display:none;}
</style>
<table id="printCtrl" class="Noprint">
     <tbody>
            <td align="center">
                 <input id="printBtn" type="button" onclick="print()" value="打印">
                  <hr align="center" width="90%"  size="1"  noshade="">
     </tbody>
</table>

后面可以添加上需要打印的内容即可