पृष्ठ को मुद्रित करने के लिए पेज ब्रेक डायनैमिक रूप से कैसे जोड़ें?

Question

प्रिंट पेज पर सामग्री में एक लंबा समय है, लेकिन जब हम टेक्स्ट कट की कुछ सामग्री प्रिंट करते हैं।

alt text http://img694.imageshack.us/img694/6766/printpage.jpg

तो कृपया मुझे बताएं, अगर वहाँ पेज ब्रेक सीएसएस जोड़ने के लिए किसी भी गतिशील तरीका है। सामग्री कुछ भी हो सकती है।

Answer 1

हाँ, इस अनुच्छेद की व्याख्या:

http://davidwalsh.name/css-page-breaks

Answer 2

उपयोग सीएसएस पेज ब्रेक-से पहले और पेज-अलग होने के बाद तत्वों।

Answer 3

ठीक है मुझे कुछ ऐसा लगता है जो काम करता है, यह थोड़ा सा जेएस है लेकिन ऐसा लगता है कि यह चाल है। यहाँ एक कड़ी है: Specifying page breaks for printing using CSS

Answer 4

हैम Evgi के रूप में इस लेख http://davidwalsh.name/css-page-breaks

क्या पहले से ही आलेख में वर्णित है के अलावा में संदर्भित, मैं कहना है कि यह .page-अलग होने से पहले उपयोग करने के लिए अच्छा व्यवहार है चाहते हैं : .page-break-first के बजाय ऑटो: हमेशा। "ऑटो" पृष्ठ को तब ही तोड़ देगा यदि पृष्ठ अंत में सामग्री समाप्त हो जाए, तो यह पृष्ठ को तोड़ने और बहुत खाली जगह छोड़ने से रोक देगा।

सीएसएस

@media all { 
    .page-break { display: none; } 
} 

@media print { 
    .page-break { display: block; page-break-before: auto; } 
} 

एचटीएमएल

<div>some content</div> 
<div class="page-break">more content, this content may be short or long</div> 
<div class="page-break">this content may page-break if content above this <div> is at the end of the page</div> 
<div class="page-break">etc,..</div> 

Answer 5

तुम भी सिर्फ एक तत्व के अंदर पृष्ठ विराम को रोकने के लिए चाहते हो सकता है।

उदा। प्रिंटिंग करते समय आप छोटी सी चीजें अलग नहीं करना चाहते हैं:

@media print { 
    table { 
     page-break-inside: avoid; 
    } 
}