javascript - 如何使用jquery打印div内容

Question

我正在尝试打印我的内容，但body不包含我要插入的全部打印内容。似乎存在某种高度问题。

var printcontent=$("#printDiv").html();
var printdiv=document.createElement('div');
$(printdiv).html(printcontent);
$('body').before(printdiv);
$('body').css('visibility', 'hidden');
window.print();
$('body').css('visibility', 'visible');

Answer 1

如果你想打印某些数据，我建议使用像这样的CSS设置媒体

@media print {
    p {
        font-family: georgia, serif;
        font-size: 14px;
        color: blue;
    }
}

当您进行打印时，这将为您提供 p 内容。您可以对 div 元素执行相同的操作