如何定义可打印区域?

How do I define a printable area?

本文关键字：打印 区域 定义 何定义      更新时间：2023-09-26

在我的应用程序中，有很多内容，其中我想使用jQuery print整个页面-我可以使用window.print() -如果我想从内容中打印位置的一部分，如何可以定义该部分单独打印在页面中..

像这样:

<div id="printable">
    <p>Print this div!</p>
</div>
<button> Print Contents </button>
$('button').on('click', function(){
    var printable = $('#printable');
    window.print(printable);
});

我在这里添加的另一个请求是，在应用程序中的一段时间，我得到多个结果作为分页。我也想把所有的页都打印出来……正确的方法是什么?是否使用jQuery或任何其他plug-ins ?

提前感谢。

请在此处请求更新:

现场演示

使用@media属性

<style type="text/css">
    @media print
    {
        body * { visibility: hidden; }
        #printable * { visibility: visible; }
    }
</style>

演示小提琴

相关文章：