एक मेज, क्रोम मुद्रण और सफारी आधा

Question

में एक पंक्ति काट रहे हैं जब मैं IE9, फ़ायरफ़ॉक्स, और ओपेरा के साथ इस मुद्दे नहीं है। बस क्रोम और सफारी।

किसी पृष्ठ को प्रिंट करते समय, यदि कोई तालिका है जो अगले पृष्ठ पर जारी रखने के लिए किसी बिंदु पर टूटा जाने की आवश्यकता है, तो सफारी और क्रोम पंक्ति में कटौती करेगा और पहले पृष्ठ पर शीर्ष आधा प्रिंट करेगा और नीचे दूसरे पृष्ठ पर आधा।

यहां वह कोड है जिसका उपयोग मैं करने की कोशिश कर रहा था जिसने आईई 9 के साथ एक समस्या को ठीक किया - अगले पृष्ठ पर पाठ के साथ अगले पृष्ठ पर प्रत्येक पंक्ति में एक छोटी 50px x 50px छवि प्रिंट करना।

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

मेरे पास 7 पेज हैं जो पंक्तियों की अलग-अलग मात्रा में 10-15 पंक्तियों के औसत हैं। इस समस्या को हल करने के लिए मैं क्या कर सकता हूं?

और मैं एक सरणी से तालिका बनाने के लिए PHP foreach का उपयोग करता हूं, इसलिए मुझे उस कोड को संपादित करने की आवश्यकता नहीं है, इसलिए मैं इसे पृष्ठों के बीच संगत रख सकता हूं।

Answer 1

जांच इन बग रिपोर्ट Webkit Bug report

Webkit newer Bug report referencing to the one above.

Answer 2

यहाँ एक मेज है कि केवल पंक्तियों के बीच पृष्ठ विराम की अनुमति देता है, इसका एक उदाहरण। यह वेबकिट आधारित सहित लोकप्रिय डेस्कटॉप ब्राउज़र, में से किसी में काम करना चाहिए ...

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

दुर्भाग्य से, यह सेल सामग्री पर एक निश्चित ऊंचाई है, जो शायद यह सबसे लोग हैं, जो आने के लिए बेकार कर देगा की आवश्यकता है इस पोस्ट में।

यह निश्चित सामग्री ऊंचाई निर्धारित किए बिना इसे खींचना संभव है, लेकिन यह आश्चर्यजनक रूप से जटिल है। यह कैसे किया जाता है यह देखने के लिए this post में मेरा उत्तर देखें।