प्रिंट शैलियाँ: यह सुनिश्चित करने के लिए कि पृष्ठ विराम के समय छवि कैसे न बने

Question

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

Page 1 |                    |
       |  (text text text)  |
       |  (text text text)  |
       |  ________________  |
       | | Top of image   | |
       |____________________|
       ------page break------
        ____________________
Page 2 | | Rest of image  | |
       | |________________| |
       |         …          |

मुझे क्या अच्छा लगेगा

Page 1 |                    |
       |  (text text text)  |
       |  (text text text)  |
       |                    |
       |                    |
       |____________________|
       ------page break------
        ____________________
Page 2 |  ________________  |
       | | Full image     | |
       | |                | |
       | |________________| |
       |         …          |

उन सभी बार जब मैंने LaTeX में झांकियों के बारे में शिकायत की, और यहां मैं उसी कार्यक्षमता के लिए पूछ रहा हूं ... क्या यह किया जा सकता है? मैं जरूरी नहीं कि इसके बारे में सभी ब्राउज़रों में काम कर रहा हूं, क्योंकि यह अक्सर सिर्फ एक-एक दस्तावेज़ है जिसे मैं पीडीएफ में बदलने के लिए लिख रहा हूं।

Comments

ASCII कला आरेखों के महान उपयोग के लिए अपवित्र :)

— NickG

@NickG बहुत सहमत, वास्तव में भयानक ASCII आरेख!

Answer 1

इसका मतलब यह है कि मैं निम्नलिखित सीएसएस नियमों में से एक (या संभवतः अधिक) का उपयोग करने के लिए सोच सकता हूं:

img {
    page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-inside: avoid; /* or 'auto' */
}

मुझे आधा याद है कि ये घोषणाएँ केवल ब्लॉक-स्तर के तत्वों पर लागू होती हैं (इसलिए आपको display: block;अपनी छवि को परिभाषित करना होगा, या किसी प्रकार के रैपिंग कंटेनर का उपयोग करना होगा और नियमों को लागू करना होगा (चाहे वह पैराग्राफ, div, अवधि में हो) , सूची, आदि ...)।

यहाँ कुछ उपयोगी चर्चा: " सबसे अधिक उपयोग media="print"विशिष्ट, क्रॉस-ब्राउज़र संगत सीएसएस गुण क्या हैं? "

संदर्भ:

• page-break-after।
• page-break-before।
• page-break-inside।

Comments

हाँ, यह काम करता है। ( page-break-inside:avoid)। अब मुझे याद आ रहा है कि क्यों लाटेक्स फ्लोट्स एक दर्द है।

— दाविदतबरल

@ नहीं केवल तैरता है?

— माइंडविन

स्पष्टीकरण बहुत तार्किक है, लेकिन किसी कारण से यह फ़ायरफ़ॉक्स 54 के साथ मेरी एचटीएमएल 5 फ़ाइल के लिए काम नहीं करता है। शायद सिर्फ एक बग, क्योंकि यह इंटरनेट एक्सप्लोरर 11 के साथ काम करता है ...

— वुल्फ

पेज-ब्रेक-इन - सीएसएस | एमडीएन इस दोष के लिए समर्पित एक पृष्ठ है;)

— वुल्फ

@ वोल्फ बदल गया? या क्या मैं कुछ न कुछ भूल रहा हूं? यह FF54 के साथ HTML5 में काम क्यों नहीं करता है?

— Oddler