सीएसएस प्रिंट स्टाइल

Question

मेरे पास एक पृष्ठ है जो स्क्रीन पर ठीक प्रदर्शित करता है।

मेरे पास एक सीएसएस है जो प्रिंट के लिए स्क्रीन स्वरूपित करता है और अनुभागों को फिर से आकार देता है।

मेरी समस्या यह है कि प्रिंट लेआउट में पृष्ठ के बाईं ओर से लगभग एक इंच का मार्जिन होता है जो पृष्ठ को दाएं हाथ पर पृष्ठ से प्रिंट करता है।

मैं शायद सही से सामग्री सेक सकता है, लेकिन मुझे पता है कि अगर मैं

बाईं तरफ के मार्जिन कम कर सकते हैं (और मूल रूप से सामग्री केंद्र) मैं margin:0;padding: 0; करने के लिए प्रिंट पर शरीर टैग की स्थापना की है चाहते हैं, लेकिन इसका कोई प्रभाव नहीं है?

क्या कोई अन्य सेटिंग प्रिंट मार्जिन को नियंत्रित करती है?

Answer 1

आप की तरह सीएसएस के साथ प्रिंट मार्जिन (और लैंडस्केप ओरिएंटेशन) सेट कर सकते हैं:

@media print { 
    @page { 
     size: letter landscape; 
     margin: 4.0cm; 
    } 
} 

और अच्छी खबर है, यह काम करता है! (क्रोम पर Not supported on other browsers हालांकि मैंने IE9 का परीक्षण नहीं किया।)

मार्जिन एक इकाई में होना चाहिए जो प्रिंट-पिक्सेल में समझ में आता है।

क्रोम एक निश्चित न्यूनतम से नीचे मार्जिन को कम नहीं करेगा, जिसे प्रिंटर ड्राइवर द्वारा निर्धारित किया जा सकता है।

Answer 2

तुम भी

margin:0; और padding:0;

html, main content div और p टैग करने के लिए

सेट और देखते हैं कि अगर मदद करता है की कोशिश कर सकते।

अन्यथा, आपकी सबसे अच्छी शर्त अपने तत्वों पर एक विशिष्ट width सेट करना है।