ब्रेक रिटर्न का उपयोग किए बिना HTML तत्वों में एक लाइन ब्रेक जोड़ा जा सकता है <br> छद्म तत्वों का उपयोग करके। छद्म तत्वों का उपयोग किसी तत्व के विशिष्ट भाग को स्टाइल करने के लिए किया जाता है। यहां हम लाइन ब्रेक जोड़ने के लिए HTML एलीमेंट को स्टाइल करने के लिए ::after का उपयोग करेंगे।
<शीर्षक>सीएसएस ::after \aडंबलडोर मैकगोनागल स्नेप ट्रेलॉनी
उपरोक्त कोड में, हम छद्म तत्व का उपयोग करते हैं
::afterप्रत्येक इनलाइन तत्व पर (स्पैन द्वारा दर्शाया गया) कैरिज रिटर्न जोड़ने के लिए ("\a" द्वारा दर्शाया गया) स्पैन की टेक्स्ट की लाइन के बाद।::afterइस मामले में हमारे पास उपयोग करने के लिए एक सामग्री संपत्ति और एक सफेद स्थान संपत्ति उपलब्ध है।
'सामग्री' संपत्ति उस सामान का वर्णन करती है जिसे हम अवधि में इंजेक्ट करना चाहते हैं। व्हाइट-स्पेस प्रॉपर्टी हमें बताती है कि क्या हमें व्हाइटस्पेस को संरक्षित करना है। इस विशेष संपत्ति को छोड़ने से अवधि की इनलाइन-ब्लॉक विशेषता में हस्तक्षेप नहीं होता है। तो हमें इसे ओवरराइड करने के लिए इस विशेष संपत्ति को जोड़ना होगा।
जैसा कि आप स्टाइलिंग और लेआउट के साथ अधिक से अधिक गड़बड़ करते हैं, आप शायद पाएंगे कि ऊपर दिया गया समाधान जरूरी नहीं कि सबसे अच्छा समाधान हो। यदि आप किसी भी प्रकार की पैडिंग और पृष्ठभूमि को भी जोड़ते हैं, तो आप देखेंगे कि उन सीएसएस गुणों में गड़बड़ी होती है जहां पृष्ठभूमि खेल में आती है। नीचे दिया गया कोड उदाहरण देखें जो बिंदु को दर्शाता है:
<शीर्षक>लाइन ब्रेक <शैली> स्पैन { पैडिंग:1px 8px; पृष्ठभूमि:गुलाबी; } अवधि ::से पहले { सामग्री:"\ ए"; सफेद स्थान:पूर्व; }प्रोफेसर डंबलडोर
प्रोफेसर मैकगोनागल
प्रोफेसर स्नेप
प्रोफेसर ट्रेलॉनी
ऐसे अन्य समाधान हैं जो इसके समान परिणाम प्रदान करते हैं - जहां पृष्ठभूमि पिछली पंक्ति से शुरू होती है और फिर अगली पंक्ति में सही पृष्ठभूमि पर पाठ के साथ कैरिज रिटर्न करती है। CSS प्रॉपर्टी
box decoration break: cloneयह वह है जो दिमाग में आता है जिसे समान परिणाम प्राप्त करने के लिए उपरोक्त अवधि वर्ग में जोड़ा जा सकता है, लेकिन वास्तव में हमें वह परिणाम नहीं देता जो हम चाहते हैं।
<p>. जैसे ब्लॉक स्तर के तत्वों का उपयोग करना या<div>मोहक समाधान है। लेकिन उस समय के बारे में क्या जब आप एक भिन्न प्रदर्शन मान का उपयोग करना चाहेंगे? यह हमें टेबल लेआउट विकल्प पर लाता है।
कोड संपादक में, स्पैन सीएसएस चयनकर्ता में, वहां के गुणों को हटा दें और इसे डिस्प्ले:टेबल से बदलें। इसका उपयोग न केवल आपके कोड को क्लीनर बनाता है, बल्कि आपको जानकारी प्रदर्शित करने के लिए आवश्यक लेआउट प्रदान करता है। हम पारंपरिक अर्थों में टेबल लेआउट का उपयोग नहीं कर रहे हैं, लेकिन यह हमें वही देता है जो हमें काम करने के लिए चाहिए।
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।