जावास्क्रिप्ट में लाइन ब्रेक कैसे करें

| | | | | | | | | | | |

छद्म तत्वों का उपयोग करके
ब्रेक रिटर्न का उपयोग किए बिना HTML तत्वों में लाइन ब्रेक जोड़े जा सकते हैं। छद्म तत्वों का उपयोग किसी तत्व के विशिष्ट भाग को मॉडल करने के लिए किया जाता है। यहां हम उपयोग करेंगे:: एक लाइन ब्रेक जोड़ने के लिए एक HTML तत्व को स्टाइल करने के बाद।


उपरोक्त कोड में, हम :: after छद्म तत्व का उपयोग करते हैं। पाठ अवधि की पंक्ति के बाद कैरिज रिटर्न ("ए" द्वारा दर्शाया गया) जोड़ने के लिए प्रत्येक इनलाइन तत्व (अवधि द्वारा दर्शाया गया) पर। इस मामले में :: after में एक सामग्री गुण और उपयोग के लिए एक व्हॉट्सएप गुण उपलब्ध है।

"सामग्री" गुण उन चीज़ों का वर्णन करता है जिन्हें हम अवधि में इंजेक्ट करना चाहते हैं। व्हाइट स्पेस प्रॉपर्टी हमें बताती है कि क्या हमें व्हाइट स्पेस को संरक्षित करना चाहिए। इस विशेष संपत्ति को अक्षम करने से खाड़ी की इन-लाइन लॉकिंग सुविधा में हस्तक्षेप नहीं होता है। इसलिए हमें इसे बदलने के लिए इस विशेष गुण को जोड़ने की आवश्यकता है।

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

प्रोफेसर डंबलडोर

प्रोफेसर McGonagall

प्रोफेसर दुष्ट

प्रोफेसर Trelawney

वहाँ है अन्य समाधान जो इसके समान परिणाम देते हैं - जहां पृष्ठभूमि पिछली पंक्ति पर शुरू होती है और फिर अगली पंक्ति पर सही पृष्ठभूमि पाठ के साथ कैरिज रिटर्न करती है। मुझे बॉक्स डेकोरेशन ब्रेक: क्लोन CSS प्रॉपर्टी याद है जिसे समान परिणाम प्राप्त करने के लिए उपरोक्त स्पैन क्लास में जोड़ा जा सकता है, लेकिन यह वास्तव में हमें वह परिणाम नहीं देता है जो हम चाहते हैं।

ब्लॉकिंग में एलिमेंट का इस्तेमाल करके जैसे कि

code>

या