दिलचस्प पोस्ट
स्ट्रिंग। टू-लोवर () और स्ट्रिंग। टू लेअर इन्वर्निश () क्या दशमलव दशमलव या एक आंशिक शाब्दिक है? कॉमा और बिंदु के साथ दोगुनी करने के लिए स्ट्रिंग पार्स करें विफलता Android-L एचटीएमएल / सीएसएस के साथ मैं बराबर ऊँचाई div (किनारे की तरफ) कैसे प्राप्त करूं? उपयोगकर्ता को किसी अन्य उपयोगकर्ता का प्रतिरूपण करने की अनुमति देने के लिए मैं एएसपी.नेट पहचान 2.0 का उपयोग कैसे करूं? क्या यह नोड.जेएस के भीतर से बाहरी प्रोग्राम को निष्पादित करना संभव है? प्रस्तुत करने से पहले पोस्ट पैरामीटर जोड़ना इंटरफ़ेस विधियों में अंतिम तर्क – क्या बात है? Fs.readFile से डेटा प्राप्त करें प्रति कोर धागे की इष्टतम संख्या विजुअल स्टूडियो परियोजनाओं के निर्भरता ग्राफ़ IPhone / Documents निर्देशिका में परिवर्तन की अधिसूचना एंड्रॉइड: एप के बीच अंतर क्या है: srcCompat = "" और एंड्रॉइड: src = ""? Web.config में एक प्रविष्टि कैसे एन्क्रिप्ट करें

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

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

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

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

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

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

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

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

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