Page-Break-After funktioniert nicht in Chrome

Ich habe ein Problem mit page-break-after in Google Chrome während des Druckens. Es scheint, dass es nicht funktioniert. Ich habe Firefox ausprobiert und es ist ok. Mein Code ist:Page-Break-After funktioniert nicht in Chrome

<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 einen Trick, es in Chrome zu tun bekommen?

Quelle

2016-03-08 Thommie

Es ist ein Hack, aber Chrome unterstützt Seitenumbrüche nicht sehr gut. Also versuchen Sie dies stattdessen 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 zu Ihrem 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; 
}

Quelle

2016-03-08 15:41:42

@Thommie Kein Problem :) Ich bin froh, dass ich Ihnen geholfen –

Page-Break-After funktioniert nicht in Chrome

Antwort

Verwandte Themen