सीएसएस: छिपे हुए तत्वों अभी भी मुद्रित आउटपुट

Question

मैं करने के लिए सीएसएस का उपयोग कर रहा का स्थान लेती हैं केवल एक पृष्ठ का एक वर्ग प्रिंट:

body { 
visibility:hidden; 
    } 
    .print { 
    visibility:visible; 
    background-color: white; 
    margin: 0; 
    } 

तत्व मैं मुद्रित करने के लिए ठीक से प्रिंट में छिपा हो जाता है चाहता हूँ ऊपर अनुभाग उत्पादन, हालांकि यह अभी भी अंतरिक्ष के क्षेत्र को लेता है। मैंने शब्दों की लंबी लंबवत सूची बनाकर इसका परीक्षण किया। प्रिंट आउटपुट में सफेद स्थान का एक ही क्षेत्र शब्दों के बिना होता है और फिर तत्व आउटपुट होता है। यह समस्या केवल क्रोम और मोज़िला पर होती है। मैंने ब्राउज़र के मार्जिन विकल्पों का भी परीक्षण किया है और यह समस्या नहीं है।

कोई विचार?

Answer 1

आप display:nonevisibility:hidden नहीं चाहते हैं। उत्तरार्द्ध तत्व अदृश्य बनाता है, लेकिन इसे दस्तावेज़ प्रवाह से नहीं हटाता है।

Answer 2

उपयोग display:none;

Answer 3

बजाय display: none; का उपयोग करें।

Answer 4

प्रदर्शन का उपयोग करें: कोई नहीं; क्योंकि आप केवल प्रिंट और शरीर का कोई हिस्सा प्रदर्शित नहीं करना चाहते हैं।

Answer 5

मुद्रण के लिए @media का उपयोग करें। उदाहरण के लिए:

@media print { 
    * {display: none;} /*or if you want only the body*/ body {display: none;} 
    .print {display: block;} 
} 

फिर स्टाइलशीट केवल प्रयोग किया जाता है जब मुद्रण, या प्रिंट पूर्वावलोकन (। केवल एक मोटा उदाहरण एक वास्तविक स्टाइलशीट वाइल्डकार्ड के बजाय एक पेज के सभी तत्वों को शामिल होना चाहिए)।

Answer 6

यहां तक ​​कि visibility:collapse; यह करता है! :)

Answer 7

अगर हम display:inline-block या display:block चाहते हैं तो दृश्यता छुपाएं।

फिर हम फॉलोइंग सीएसएस को वर्कअराउंड के रूप में उपयोग कर सकते हैं।

{ 
    visibility:hidden 
    width:0px; 
    height:0px 
}