Bir tablo yazdırılırken, krom ve safari bir satırda ikiye böler

Question

Bu sorunu IE9, Firefox ve Opera ile kullanmıyorum. Sadece Chrome ve Safari.

Bir sayfa yazdırırken, bir sonraki sayfada devam etmek için bir noktada kırılması gereken bir tablo varsa, Safari ve Chrome satırdaki satırı ikiye böler ve üstteki sayfayı ilk sayfaya ve alttaki ikinci sayfada yarısı.

Kullanmaya çalıştığım kod, IE9 ile yaptığım bir sorunu giderdi - ilk sayfada bulunan metinle sonraki satırdaki her satırda küçük bir 50px x 50px resim basıyor.

table { page-break-inside:auto } 
tr { page-break-inside:avoid; page-break-after:auto } 

Yaklaşık 10-15 satır arasında değişen miktarda satır içeren 7 sayfam var. Bu sorunu gidermek için neler yapabilirim?

Ve tabloyu bir diziden oluşturmak için PHP foreach kullanıyorum, bu yüzden sayfalar arasında tutarlı kalmasını sağlamak için bu kodu düzenlemeyi tercih etmek istemiyorum.

Answer 1

çek dışarı bu Hata Raporları Webkit Bug report

Webkit newer Bug report referencing to the one above.

Answer 2

Burada sadece Sıralar arasında sayfa sonları sağlayan bir tablo örneği verilmiştir. Bu maalesef

<style> 
    table { 
    border-spacing: 0; 
    line-height: 1.25em; 
    } 
    table > tbody > tr > td {padding: 0;} 
    table > tbody > tr:first-child > td > div {border-top: 2px solid black;} 
    table > tbody > tr > td:first-child > div {border-left: 2px solid black;} 
    table > tbody > tr > td > div { 
    page-break-inside: avoid; 
    display: inline-block; 
    vertical-align: top; 
    height: 3.75em; 
    border-bottom: 2px solid black; 
    border-right: 2px solid black; 
    } 
</style> 

<table> 
    <tr> 
    <td><div>Content</div></td> 
    <td><div>Multi-<br/>line<br/>content</div></td> 
    </tr> 
    <tr> 
    <td><div>Content</div></td> 
    <td><div>Multi-<br/>line<br/>content</div></td> 
    </tr> 
</table> 

... webkit tabanlı olanlar dahil popüler masaüstü tarayıcılar, hiçbirinde çalışması gerekir, muhtemelen gelip çoğu insan için faydasız hale getirecek hücre içeriğine sabit yüksekliği gerektirir bu yazı boyunca.

Bu, sabit bir içerik yüksekliği ayarlamadan bunu çıkarmak mümkündür, ancak şaşırtıcı derecede karmaşıktır. Nasıl yapıldığını görmek için cevabımı this post'a göz atın.