दिलचस्प पोस्ट
SQL सर्वर तालिका के लिए INSERT स्टेटमेंट्स को स्वत: उत्पन्न करने का सबसे अच्छा तरीका क्या है? जावास्क्रिप्ट ऑब्जेक्ट की लंबाई GET पैरामीटर का उपयोग किए बिना @ViewScoped सेम के बीच किसी वस्तु को पास करें कैसे जीसीसी में गतिशील पुस्तकालय में स्थैतिक पुस्तकालय को लिंक करना JSON को PHP ऑब्जेक्ट को सीरियल करना जावा में स्टैक ट्रेस के बिना अपवाद ArrayIndexOutOfBoundsException क्यों होती है और इसे एंड्रॉइड में कैसे टालना है? निर्धारित करें कि कोई ऐप मौजूद है और iOS पर उस ऐप का लॉन्च करता है मैं कैसे जांच करूं कि क्या कोई फ़ाइल पायथन का उपयोग कर रही है? मैं किसी अन्य बैट फ़ाइल से पृष्ठभूमि में बैट फ़ाइल कैसे चला सकता हूं? UUID कितना अनूठा है? पायथन में एकल व्हाइटस्पेस के साथ एकाधिक श्वेत स्थान की जगह स्थानीय रूप से एक Nuget पैकेज .nupkg फ़ाइल को कैसे स्थापित करें? क्या html टैग के लिए अपरकेस अक्षरों का उपयोग करना बुरा है? एंड्रॉइड छवि व्यू में फीका और फीका

सीएसएस पृष्ठ संख्या के लिए ब्राउज़र समर्थन

इसलिए मुझे इस विकल्प के बारे में पता है: CSS / HTML के साथ पेज नंबर

यह एक पृष्ठ के प्रिंट संस्करण में पेज नंबर जोड़ने का सबसे अच्छा तरीका है, लेकिन मुझे इसके कहीं भी काम करने के लिए कोई भिन्नता नहीं मिल सकती। मैंने क्रोम, फ़ायरफ़ॉक्स, और आईई 9 में अपने विंडोज 7 मशीन पर कोशिश की है। कुछ लिंक्स के आधार पर ऐसा लगता है कि प्रिंस एक्सएमएल जैसे अधिक स्वामित्व सॉफ्टवेयर में इसका समर्थन किया जा सकता है। क्या यह प्रिंट संस्करणों के लिए वेब ब्राउज़र द्वारा समर्थित है?

मैंने सिर्फ एक रिक्त HTML फ़ाइल बनाने की कोशिश की है और सिर में यह दो शैली टैग्स के बीच जोड़ रहा है:

@page { @bottom-right { content: counter(page) " of " counter(pages); } } 

मैंने content: "TEXT"; को अभी भी उपयोग करने के लिए इसे सरलीकृत किया content: "TEXT"; यह देखने के लिए कि क्या मुझे कुछ दिखाने के लिए मिल सकता है। क्या यह कहीं भी समर्थित है? 'यह' द्वारा मैं विशेष रूप से @bottom-right @page और @bottom-right टैग का अर्थ हूं, क्योंकि मुझे कई बार काम करने के लिए सामग्री मिल गई है।

वेब के समाधान से एकत्रित समाधान "सीएसएस पृष्ठ संख्या के लिए ब्राउज़र समर्थन"

यह अब और काम नहीं करता है। प्रकट होता है कि यह केवल थोड़े समय के लिए काम करता था और ब्राउज़र समर्थन हटा दिया गया था!

https://developer.mozilla.org/en-US/docs/CSS/Counters के अनुसार काउंटरों का उपयोग करने से पहले रीसेट करना पड़ता है

आप अपने शुरुआती संख्या को जो भी कर सकते हैं, डिफ़ॉल्ट 0 है।

उदाहरण:

 @page { counter-increment: page; counter-reset: page 1; @top-right { content: "Page " counter(page) " of " counter(pages); } } 

… सिद्धांत रूप में। असली दुनिया में केवल प्रिंसएक्सएमएल इसका समर्थन करता है

मैं पेजेड मीडिया को भी लागू करने की कोशिश कर रहा हूं और इस विकिपीडिया पृष्ठ के अनुसार पाया है, कि अभी तक मार्जिन बक्से के लिए कोई ब्राउज़र समर्थन नहीं है। कोई आश्चर्य नहीं कि यह काम नहीं करेगा!

http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(Cascading_Style_Sheets)

तालिका, व्याकरण और नियम, मार्जिन बक्से अनुभाग देखें। मार्जिन बक्से, पृष्ठ क्रमांकन के साथ-साथ चल रहे हेडर और पादलेख के लिए आवश्यक है। इसे लागू करने से मुझे मुद्रित मीडिया को पीडीएफ में कनवर्ट करने के लिए ओवरहेड की बचत होगी।

@ पेज का उपयोग नहीं कर रहा है, लेकिन मुझे फ़ायरफ़ॉक्स 20 में काम करने के लिए शुद्ध सीएसएस पेज नंबर मिल गया है:

http://jsfiddle.net/okohll/QnFKZ/

प्रिंट करने के लिए, परिणाम फ्रेम (नीचे दाएं) पर राइट क्लिक करें और चुनें

यह फ़्रेम -> प्रिंट फ़्रेम …

सीएसएस है

 #content { display: table; } #pageFooter { display: table-footer-group; } #pageFooter:after { counter-increment: page; content: counter(page); } 

और एचटीएमएल है

 <div id="content"> <div id="pageFooter">Page </div> multi-page content here... </div> 

मोज़िला के माध्यम से, ( एक दस्तावेज छपाई )

यह प्रत्येक मुद्रित पृष्ठ पर एक शीर्ष लेख और पाद लेख रखता है। यह मोज़िला में अच्छी तरह से काम करता है, लेकिन IE और Chrome में काफी अच्छा नहीं है

 <!DOCTYPE html> <html> <head> <title>Print sample</title> <link rel="stylesheet" href="style4.css"> </head> <body> <h1>Section A</h1> <p>This is the first section...</p> <h1>Section B</h1> <p>This is the second section...</p> <div id="print-head"> Heading for paged media </div> <div id="print-foot"> Page: </div> </body> </html> 

सीएसएस:

 /*** Print sample ***/ /* defaults for screen */ #print-head, #print-foot { display: none; } /* print only */ @media print { h1 { page-break-before: always; padding-top: 2em; } h1:first-child { page-break-before: avoid; counter-reset: page; } #print-head { display: block; position: fixed; top: 0pt; left:0pt; right: 0pt; font-size: 200%; text-align: center; } #print-foot { display: block; position: fixed; bottom: 0pt; right: 0pt; font-size: 200%; } #print-foot:after { content: counter(page); counter-increment: page; }