sayfa sonu çalışmıyor, Chrome

Yazdırma sırasında Google Chrome'da page-break-after ile ilgili bir sorunum var. Görünüşe göre çalışmıyor. Firefox'u denedim ve orası iyi. Benim kodudur:sayfa sonu çalışmıyor, 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>

Chrome'da halletmek için herhangi bir hile var mı?

kaynak

2016-03-08 Thommie

Bu bir saldırıdır, ancak Chrome sayfa aralarını çok iyi desteklemez.

<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>

Ve css için bu ekleyin:: Bunun yerine bu kullanmayı deneyin

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; 
}

kaynak

2016-03-08 15:41:42

@Thommie Sorun :) Sana yardım etti sevindim –

sayfa sonu çalışmıyor, Chrome

cevap

İlgili konular