प्रिंट करने योग्य दस्तावेज़ के <thead> पर सीएसएस का उपयोग कर कुल पृष्ठ संकेतक जोड़ें?

Question

मैंने अपने वेब पेज के लिए a CSS page-numbering solution संशोधित किया।

यह स्वचालित रूप से "पृष्ठ 1", "पेज 2", आदि मैं, यह दिखाने के लिए "5 में से पृष्ठ 1 चाहते हैं तो" "5 के पृष्ठ 2", आदि से पता चलता

यहाँ my current example code है: (Demo)

@media print { 
    thead span.page-number:after { 
    counter-increment: page; 
    content: "Page " counter(page) " of ?"; 
    } 
} 

HTML: (, तालिकाओं का उपयोग के लिए मुझे क्षमा नहीं बल्कि सीएसएस display: table-header-group)

<table> 
    <thead> 
    <tr> 
     <td> 
     <span class="page-number"></span> 
     </td> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td> 
     .............................................................. 
     </td> 
    </tr> 
    </tbody> 
</table> 

वहाँ किसी भी तरह से मेरीके स्थान पर कुल पृष्ठ संख्या को जोड़ने के लिए है, इससे?

मुझे केवल फ़ायरफ़ॉक्स या क्रोम के नवीनतम संस्करण में रूचि है।

मेरा वर्तमान समाधान अब तक प्रति पृष्ठ एक तत्व बनाने के लिए सर्वर का उपयोग करना था, लेकिन इष्टतम पृष्ठ को इस तरह से तोड़ना बहुत मुश्किल है। <thead> समाधान बहुत आसान है।

Answer 1

हालांकि एक छोटे से जावास्क्रिप्ट के साथ पूरी तरह से एक सीएसएस उत्तर नहीं है और यह मानते हुए कि प्रत्येक नया पृष्ठ/ब्रेक पॉइंट एक div/span/td या अन्य HTML इकाई द्वारा "सामान्य श्रेणी नाम" के साथ प्रदर्शित किया जाएगा, प्रत्येक में निहित है । आप इस तरह कुल पेज गिनती प्राप्त कर सकते हैं।

<div class="xxx"></div> 
<div class="xxx"></div> 
<div class="fff"></div> 
<div id="footer"> 
<script type="application/javascript"> 
aaa = document.getElementsByClassName("xxx").length; 
document.write(aaa); 
</script> 
</div> 

उपरोक्त उदाहरण में, इस बिंदु स्क्रिप्ट सम्मिलित किया जाता है पर ब्राउज़र को नंबर 2 जा रहा है उत्पादन का उत्पादन स्क्रिप्ट मायने रखता है के रूप में कई बार xxx की संख्या दस्तावेज़ पर किसी भी तत्व में एक वर्ग के रूप में प्रकट होता होगा।

Answer 2

आप काउंटर (पेज) का उपयोग कर सकते हैं। यहां उदाहरण

thead span.page-number:after { 
    counter-increment: page; 
    content: "Page " counter(page) " of " counter(pages); 
}