首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML另存为PDF 2页

HTML另存为PDF 2页
EN

Stack Overflow用户
提问于 2016-10-28 14:55:56
回答 2查看 106关注 0票数 1

我有一个按钮可以将我的html打印成PDF格式。问题是我需要把它打印成两页。不同的浏览器把它弄乱了,不能正确打印第二页。如何使用我的代码指定页面2..

代码语言:javascript
运行
复制
       function printPageArea(areaID){
       var printContent = document.getElementById(areaID);
       var WinPrint = window.open('', '', 'width=830,height=792');
       WinPrint.document.write(printContent.innerHTML);
       WinPrint.document.close();
       WinPrint.focus();
       WinPrint.print();
       WinPrint.close();
        }
代码语言:javascript
运行
复制
    <a href="javascript:void(0);" style="position: relative;left: 0;top: 50px;" onClick="printPageArea('printableArea')"><button class="custom" style="width:auto!important;">Download PDF</button></a>


     <div class="content-wrap-consent" id="printableArea">

     <div class="page-one">
     Page One
     </div>


    <div class="page-two">
    Page two
    </div>
    </div>

EN

回答 2

Stack Overflow用户

发布于 2016-10-28 15:03:56

我认为你需要在css中使用@media print

下面是一些链接,

Create print styles using CSS3 @media queries

CSS Printing - @media Rule

票数 0
EN

Stack Overflow用户

发布于 2016-10-28 16:20:47

可以分别使用page-break-beforepage-break-after在元素之前或之后插入分页符。

代码语言:javascript
运行
复制
@media print {
    .page-two {
        page-break-before: always;
    }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40299663

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档