2010-04-15 10 views
53

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

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 में तैरता है के बारे में bitching चाहते हैं, और यहाँ मैं एक ही कार्यक्षमता के लिए पूछ रहा हूँ ... क्या यह किया जा सकता है? मैं जरूरी नहीं है कि यह सभी ब्राउज़रों में काम कर रहा है, क्योंकि यह अक्सर एक ही ऑफ दस्तावेज़ है जिसे मैं पीडीएफ में बदलने के लिए लिख रहा हूं।

+19

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

+0

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

उत्तर

41

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

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' */ 
} 

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

कुछ उपयोगी चर्चा यहां: "What are most usefule media="print" specific, cross-browser compatible CSS properties?"

संदर्भ:

+3

यूप, यह काम करता है। ('पेज ब्रेक-अंदर: avoid')। अब मुझे याद दिलाया गया है कि लाटेक्स फ्लोट क्यों दर्द है। – notJim

+0

@notJim केवल फ्लोट्स? – Mindwin

+0

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

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