在页面上仅打印完整div

试试 page-break-inside property :

div {
    page-break-inside: avoid;
}

不能完全按照您希望的方式使用CSS。要做到这一点,您需要像纸张大小这样的信息。 page-break-inside 这是你能做的最好的,但不是保证。

offsetHeight 和 offsetTop 并将其与每个页面的预期高度(以像素为单位)进行比较。您必须尝试不同的页面高度才能获得精确的结果,但类似的方法可能会奏效:

function paginateDivs() {

    var pageHeight = 800; // Experiment with different values here, this
                          // is 800 pixels.
    var lastPage = 0;

    var divs = document.getElementsByTagName("div");

    for (var i = 0; i < divs.length; i++) {
        var divBottom = divs[i].offsetTop + divs[i].offsetHeight;
        if (divBottom - lastPage > pageHeight) {
            lastPage = divs[i].offsetTop;
            divs[i].style.pageBreakBefore = "always";
        }
    }
}