2014-04-21 6 views
7

मेरे पास अक्सर मेरे Reveal.js स्लाइड डेक में कोड नमूने होते हैं जो काफी बड़े हो सकते हैं। हालांकि, कोड ब्लॉक (प्री और कोड टैग) में हमेशा इसकी अधिकतम ऊंचाई होती है। एक निश्चित ऊंचाई पिछले बॉक्स में बढ़ने के बजाय स्क्रॉल करना चाहता है। मैंने अभी तक यह पता नहीं लगाया है कि इसे स्क्रॉल करने के बजाय उपलब्ध क्षेत्र को भरने के लिए बॉक्स को लंबवत बनाने के लिए (लंबवत, लेकिन क्षैतिज रूप से भी) कैसे बनाया जाए। मुझे अधिक प्रस्तुति दिखाने के लिए माउस के साथ स्क्रॉल करने के लिए मेरी प्रस्तुति को रोकने में कोई रूचि नहीं है। :-) कोई सुझाव?मैं कोड नमूने कैसे बड़ा कर सकता हूं?

उत्तर

4

Reveal.js द्वारा प्रदान किया गया सीएसएस responsible for the vertical limit लगता है। इसलिए ऐसा लगता है कि आपके पास कोई विकल्प नहीं है, लेकिन स्वयं को सीएसएस को ट्विक करने के लिए।

उदाहरण के लिए, css/reveal.css फ़ाइल को संशोधित करें (और css/reveal.min.css पुन: उत्पन्न करें)।

या आप इस मूल्य को अतिरिक्त थीम के साथ ओवरराइड करने का प्रयास कर सकते हैं जो आप प्रदान करेंगे। उदाहरण के लिए, css/theme/default.css से css/theme/mine.css पर कॉपी करें, कोड ब्लॉक के लिए इच्छित शैली को परिभाषित करें, और .html प्रस्तुति फ़ाइल के <head> में इस फ़ाइल से लिंक करें।

+3

यदि कोई यहां समाप्त होता है: विशिष्ट सीएसएस 'अधिकतम ऊंचाई' पर 'अधिकतम-ऊंचाई' सेट है। बस इस मूल्य को अपने स्वयं के सीएसएस नियमों के साथ ओवरराइट करें और या तो इसे एक बड़े मूल्य या 'प्रारंभिक' पर सेट करें। –

+0

क्या यह अभी भी एक वैध जवाब है? – user239558

+0

अब एक 'खिंचाव' वर्ग है जिसे आप कोड ब्लॉक पर डाल सकते हैं –

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