2010-12-03 17 views
10

मैं प्रत्येक पृष्ठ पर प्रिंट करने के लिए एक हेडर प्राप्त कर सकता हूं, लेकिन मैं मार्जिन प्रिंट करने के लिए नया हूं। मैंने सोचा कि @page सीएसएस काम करेगा, लेकिन यह पृष्ठ मार्जिन को प्रभावित नहीं करता है। यदि मैं शरीर पर मार्जिन सेट करता हूं, तो यह पेज एक पर काम करता है, लेकिन बाद के पृष्ठ डिफ़ॉल्ट पर शीर्ष मार्जिन शुरू करते हैं, जिससे शीर्षलेख टेक्स्ट के शीर्ष पर डाल दिया जाता है। सभी ब्राउज़रों द्वारासीएसएस पृष्ठ शीर्षलेख - प्रिंट मार्जिन का उपयोग कैसे करें?

<style> 
.header { 
position: fixed; 
top: 0; 
} 
@page { 
size: 11in 17in; 
margin-left: 1in; 
margin-right: 1in; 
margin-top: 1in; 
margin-bottom: 1in; 
} 
</style> 

<body> 
<span class=header>This is the header</span> 
This is the text of the document. (repeat until I get to page 2) 
</body> 
+1

'@ पृष्ठ' समर्थन कुख्यात अविश्वसनीय है। आपने किस ब्राउजर का प्रयास किया? –

उत्तर

9

मुद्रण समर्थन बहुत खराब कई लोकप्रिय ब्राउज़रों में खराब कीड़े है कि साल के लिए unfixed हो गई साथ समर्थित है।

संक्षिप्त उत्तर एचटीएमएल/सीएसएस प्रिंटिंग से बचने के लिए है यदि आपको एक विशिष्ट लेआउट सुनिश्चित करने की आवश्यकता है। पीडीएफ का प्रयोग करें, संभावित रूप से गतिशील रूप से उत्पन्न मांग पर। ITextSharp जैसे विभिन्न पीडीएफ जेनरेटर एपीआई हैं। फ्लैश से प्रिंट करना संभव है, लेकिन केवल अगर फ्लैश स्थापित है और काम कर रहा है (यानी कोई फ्लैशब्लॉक, आईओएस)।

एचटीएमएल/सीएसएस प्रिंटिंग सरल लेआउट तक ही सीमित होनी चाहिए। फॉर्म प्रिंटिंग fieldset & legend समर्थन विशेष रूप से समस्याग्रस्त (विशेष रूप से फ़ायरफ़ॉक्स पर) के साथ एक दुःस्वप्न है। दिलचस्प रूप से प्रिंटिंग समर्थन इंटरनेट एक्सप्लोरर्स पर सबसे अच्छा है।

CSS3 प्रिंटिंग समर्थन विनिर्देश पूरा नहीं हुआ है और कुछ समय बंद है।

सामान्य सिद्धांत:

  • कोई पृष्ठभूमि या पृष्ठभूमि सीएसएस छवियों का समर्थन कर रहे (डिफ़ॉल्ट रूप से - उन एक इंट्रानेट आवेदन के लिए अपने ब्राउज़र सेटिंग्स बदल सकते हैं)। केवल अग्रभूमि छवियां प्रिंट करें।

  • चौड़ाई को द्रव होने की आवश्यकता है क्योंकि पृष्ठ के आकार ग्रह के चारों ओर भिन्न होते हैं। यूएस लेटर प्रारूप ए 4 लेआउट से कम और व्यापक है

  • सभी ब्राउज़र विभिन्न तरीकों से प्रिंटिंग का समर्थन करते हैं। कीड़े सेना हैं।

  • प्रिंट पूर्वावलोकन का उपयोग कर परीक्षण।

+3

यह उत्तर तीन साल का है लेकिन मुझे एक ही समस्या है। क्या प्रिंट सीएसएस समर्थन इस दौरान किसी भी बेहतर हो गया है? विशेष रूप से, http://stackoverflow.com/questions/18173423/css-print-stylesheet-padding-on-the-second-page/18173467?noredirect=1#18173467 – Heraldmonkey

+2

नहीं, स्थिति अभी भी वही है। –

1

स्वीकार किए जाते हैं जवाब जो अब 4 1/2 साल पुराना है का कहना है:

"संक्षिप्त उत्तर HTML/CSS मुद्रण से बचने के लिए यदि आप किसी विशिष्ट लेआउट सुनिश्चित करने की आवश्यकता है।"

इन दिनों आप ब्राउज़र में अपेक्षाकृत सरल लेआउट के लिए एचटीएमएल/सीएसएस प्रिंटिंग कर सकते हैं या यदि आप wkhtmltopdf जैसे टूल का उपयोग करते हैं तो आप अधिक जटिल लेआउट के लिए जा सकते हैं। यह भी देखें http://www.toccon.com/toc2013/public/schedule/detail/26714

संबंधित मुद्दे