CSS印刷媒体孤儿和寡妇无法使用div标签

Question

我必须打印一些报告。此报告使用html编辑器进行编辑，因此使用<div>标签。

我在块中使用了orphans and widows属性，但是它无法正常工作。我在最后一页上只得到一行，几乎整个页面都是空白。

我还使用签名图像，并且在最后一页上也单独获得该图像。我想在最后一页和图像上至少有4个文本行。

我已经进行了很多搜索，但是无法正常工作。

body {
    background-color: white;
}
page[size="A4"] {
    background: white;
    width: 21cm;
    display: block;
    margin: 0 auto;
    page-break-after: always;
}

html * {
    font-size: 16px !important;
    font-family: 'Times New Roman',Times,serif;
    line-height: 17px;
    overflow: hidden !important;
}

@media print {
    page[size="A4"]{
        width: auto;
        widows: 3 !important;
        orphans: 3 !important;
    }

    page[size="A4"]:last-of-type {
        page-break-after: avoid !important;
    }

    @page {
        margin: 65mm 12mm 13mm 17mm;
    }

    thead {
        display: table-row-group;
    }

    table {
        table-layout: auto;
    }

    td {
        text-overflow: ellipsis;
    }

    tr{
        page-break-inside: avoid;
    }

    tbody {
        word-break: break-all;
    }
}

html code

print dialog preview