2010-01-12 19 views
20

यह एक ठेठ एकाधिक विकल्प परीक्षा है, एक सवाल प्रारूप मान लें:सीएसएस और मुद्रण: पाठ के ब्लॉक रखें एक साथ

<question qid='1'> 
<stem>What is your name?</stem> 
<choice value = 'a'>Arthur, King of the Britons</choice> 
<choice value = 'b'>There are some who call me ... Tim!</choice> 
<choice value = 'c'>He is brave Sir Robin, brave Sir Robin, who-- Shut up! Um, n-- n-- n-- nobody, really. I'm j-- j-- j-- ju-- just, um-- just passing through.</choice> 
<choice value = 'd'>Sir Galahad... the Chaste.</choice> 
<choice value = 'e'>Zoot... Just Zoot.</choice> 
</question> 

और मैं यह सब वेब के लिए रेडियो बटन के साथ उचित शैलियों को मैप किया मिल गया है।

अब, मुझे परीक्षण का प्रिंट करने योग्य संस्करण बनाना होगा। यह वास्तव में सरल है, जिसमें मुझे रेडियो चिह्न शामिल करने की आवश्यकता नहीं है, केवल चेक चिह्न के लिए '___'। मुख्य मुद्दा यह है कि प्रश्न को पृष्ठ ब्रेक पर विभाजित करने से कैसे रखा जाए।

+0

संपादन का रोलबैक। "विधवा" सही टैग है। "विंडोज़" नहीं है। –

+0

इसे एक नए टैग की आवश्यकता नहीं है। – Charles

+0

यह सच हो सकता है। लेकिन संपादन गलत था। –

उत्तर

23

मुझे कभी ऐसा कुछ रोकने से भाग्य नहीं मिला है। यह थोड़ा गंदा हो सकता है, लेकिन यदि प्रश्न आमतौर पर समान लंबाई के होते हैं तो क्या आप प्रत्येक एक्स प्रश्नों के बाद पेज-ब्रेक को मजबूर कर सकते हैं?

<style type="text/css"> 
.pageBreak{ 
    page-break-before: always; 
} 
</style> 

<question>...</question><br class="pageBreak" /> 
<question>...</question> 

(या प्रश्न या जो भी आप चाहते हैं कि वर्ग लागू)

आप पृष्ठ-अलग होने के अंदर संपत्ति का उपयोग कर कोशिश कर सकते हैं, लेकिन मैं नहीं देखा है यह इसके लिए ब्राउज़र समर्थन के रूप में अनुरूप होना

question { 
    page-break-inside:avoid; 
} 
+1

ऐसा लगता है कि पृष्ठ-ब्रेक-इनोन केवल ओपेरा में समर्थित है, जो इसे "द रियल वर्ल्ड" (टीएम) के लिए बेकार बनाता है, मैंने दूसरे विकल्प के बारे में सोचा, लेकिन उपभेद एक लाइनर से पूरे पैराग्राफ में भिन्न होते हैं, इसलिए आकार के लिए कोई स्थिरता नहीं है। –

+1

आईई 8 में काम करता है, भले ही वर्तमान में w3schools साइट कहती है कि आईई समर्थित नहीं है। मुझे लगता है कि पुराने संस्करण नहीं हैं। वर्तमान में फ़ायरफ़ॉक्स 3 संस्करण है, नहीं। मेरी एक समान आवश्यकता है, हालांकि एक रिपोर्ट पर मुद्रित किया जाएगा, एक्सएसएल-एफओ काम करता है, उम्मीद करते हुए पीडीएफ पीढ़ी के रास्ते को आजमाने और जाने का फैसला किया। – jamiebarrow

+1

'पृष्ठ-ब्रेक-इन: क्रोम 22 में मेरे लिए काम करता है (अभी भी फ़ायरफ़ॉक्स 15 में कुछ भी नहीं)। – bdukes

1

एक अलग प्रिंट स्टाइलशीट का उपयोग करें, और प्रत्येक पृष्ठ पर अपनी अग्रणी के लिए page-break-before और page-break-after चयनकर्ताओं और समाप्त होने के सवाल का उपयोग करें: एक मेस अभी है।

यदि प्रश्नोत्तरी स्थिर है, तो आप कक्षाओं का उपयोग कर सकते हैं जो आप उपयोग करते हैं और इसे सीएसएस से ज्यादा कुछ भी बिना काम करते हैं।

+0

प्रश्नोत्तरी एक पूल से चयनित यादृच्छिक है। तो यह जानने का कोई तरीका नहीं है कि पृष्ठ के पहले और अंतिम प्रश्न क्या हैं। –

+1

आपको जेएस की आवश्यकता होगी ताकि आप अपने "पेज" को आकार के आकार के सापेक्ष एक प्रश्न कहां समाप्त कर सकें। – tahdhaze09

1

तालिका लेआउट का उपयोग करें। लेकिन अर्थशास्त्र को बदलने से बचने के लिए, सीएसएस का उपयोग करें।

question { 
    display: inline-table; 
} 
संबंधित मुद्दे