page-break-after funktioniert nicht in Chrome

Ich habe ein problem mit page-break-after in Google Chrome beim drucken. Es scheint, dass es nicht funktioniert. Ich habe versucht Firefox und es ist ok dort. Mein code ist:

<div style="position: relative; display: block;">

    <div style="display: block; page-break-after: always; position: relative;">Page 1</div>

    <div style="display: block; position: relative; page-break-before:always;">Page 2</div>

</div>

Gibt es irgendeinen trick, um es getan in Chrom?

InformationsquelleAutor Thommie | 2016-03-08

  1. 5

    Es ist ein hack, aber Chrome nicht unterstützt page-breaks sehr gut. So versuchen, diese stattdessen zu verwenden:

    <body>
    <main role="main">
        <section class="tabs">
            <div class="tabbed-content">
                <div class="break-after">Page 1</div>
                <div class="break-before">Page 2</div>
            </div>
        </section>
    </main>
</body>

    Und fügen Sie diese in Ihre css:

    html, body, .main, .tabs, .tabbed-content { float: none; }

.break-after {
    display: block;
    page-break-after: always;
    position: relative;
}

.break-before {
    display: block;
    page-break-before: always;
    position: relative;
}

    InformationsquelleAutor M Zeinstra

  2. 1

    Bitte beachten Sie für den page-break zu arbeiten, - div-Element keine Schwimmer!

    Also wenn dein div hat sagen float:left , zurücksetzen, drucken Sie sagen: float: none und es wird der Seitenumbruch wieder arbeiten.

    InformationsquelleAutor Mohsin

Schreibe einen Kommentar