एक div और इसकी सामग्री को मुद्रित होने से रोकना

Question

मेरे पास एक प्रिंट पेज है, और मैं इसमें कुछ प्रिंट के साथ एक div डालना चाहता हूं कि इसमें पृष्ठ कैसे मुद्रित किया जाए। मैं नहीं चाहता कि यह अनुभाग तब दिखाई दे जब वे वास्तव में पृष्ठ मुद्रित करें।

मैं इसे सीएसएस या जावास्क्रिप्ट का उपयोग करके कैसे प्राप्त करूं?

Answer 1

एक आम तरीका उपयोग करने के लिए है मुद्रण के लिए एक अलग सीएसएस। आप सभी मीडिया के लिए एक सीएसएस और प्रिंट के लिए हो सकते हैं: div पर कोई भी:

<link rel="stylesheet" 
    type="text/css" 
    media="print" href="print.css" /> 

print.css में सिर्फ प्रदर्शन डाल दिया।

डेविड

Answer 2

आप @media print खोज रहे हैं।

Answer 3

आप एक स्टाइलशीट शामिल कर सकते हैं जो केवल प्रिंटिंग के दौरान लागू होता है।

<LINK REL="stylesheet" TYPE="text/css" MEDIA="print" HREF="print-specific-styles.css"> 

उस स्टाइल शीट में, आप अपने divs को छुपा सकते हैं और कोई अन्य आवश्यक परिवर्तन कर सकते हैं। प्रिंट स्टाइल शीट पर

Answer 4

http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml

बिट अधिक जानकारी

Answer 5

सिर्फ प्रिंट के लिए एक स्टाइलशीट सम्मिलित करें:

<link rel="stylesheet" href="/path/print.css" media="print" /> 

तब कि स्टाइलशीट में div को छिपाने के लिए सीएसएस डाल

Answer 6

<link type="text/css" rel="stylesheet" media="print" href="/css/print.css" /> 

इस सीएसएस फ़ाइल शैली में

डिस्प्ले डालें: कोई भी नहीं; तत्वों के लिए आप

Answer 7

अपने html में मुद्रित करने के लिए नहीं करना चाहते, एक स्टाइलशीट मुद्रण के लिए प्रयोग से संकेत मिलता है:

<link rel="stylesheet" type="text/css" media="print" href="print.css"/> 

और यह सीएसएस में:

#mydiv {display: none;} 

Answer 8

के बाद से इसे यहाँ पहले कहा नहीं किया गया है, तो आप जरूरी किसी बाह्य शैली पत्रक की आवश्यकता नहीं है:

<style type="text/css" media="print"> 
.hideMeInPrint { display: none; } 
</style> 

Answer 9

सरल समाधान के मुख्य सीएसएस में जोड़ने के लिए है फ़ाइल।

@media print { 
    div.classname { 
    display:none; 
    } 
} 

Answer 10

किसी div के साथ काम करने के लिए php के अंदर तो ले दिव्या की सलाह देते हैं: ध्यान दें कि, जब आप सीएसएस फ़ाइल लिंक, आप मीडिया विशेषता (<link type="text/css" rel="stylesheet" href="/path/to/css.css" />) निर्दिष्ट नहीं करना चाहिए। मैंने इस पर घंटों तक घंटों तक बिताए, बाहरी और सभी वर्गों को PHP कोड के साथ अन्य कोड में रखा, महान काम करता है :) इसके अलावा, बूटस्ट्रैप्स के साथ अच्छा काम करता है जबकि बूटस्ट्रैप को अन्यथा अनदेखा किया जा सकता है और अभी भी प्रिंट किया जा सकता है।

@media print { 
    div.classname { 
    display:none; 
    } 
}