क्या आप छद्म तत्व के बाद: लाइन ब्रेक जोड़ सकते हैं?

Question

मैं एक विशेष कक्षा में <br /> जोड़ना चाहता हूं। इसका उपयोग करना: छद्म वर्ग के बाद पाठ के रूप में <br /> प्रदर्शित करता है।

क्या यह काम करने का कोई तरीका है?

यह आईई 8 के लिए आंतरिक है इसलिए ब्राउज़र समस्याएं कोई समस्या नहीं हैं। अगर मैं

<span class="linebreakclass">cats are</span> brilliant 

मैं एक नई लाइन पर "शानदार" दिखाना चाहता हूं।

Answer 1

आप HTML टैग रेंडर करने के लिए सक्षम नहीं होगा, लेकिन आप इस तरह शैली सेट कर सकते हैं:

.needs-space:after 
{ 
    content: " "; 
    display: block; 
    clear: both; /* if you need to break floating elements */ 
} 

मुख्य यहां सेटिंग display: block; है यह प्रस्तुत करना होगा: के बाद DIV के अंदर सामग्री। और यह छद्म तत्व सभी नवीनतम ब्राउज़रों द्वारा समर्थित है। आईई सहित। यह कहकर आपको अपने उपयोगकर्ताओं और उनके ब्राउज़र से अवगत होना चाहिए।

Answer 2

यह बदतर हो जाता है -: कक्षा के बाद भी आईई 6 (और शायद कुछ अन्य ब्राउज़र) में भी काम नहीं करता है।

मुझे लगता है कि आप वास्तव में यहां क्या चाहते हैं, अंतर प्रदान करने के लिए तत्व के नीचे एक मार्जिन है।

सीधे शब्दों में

.myElement { 
    margin-bottom: 1em; 
} 

Answer 3

आप उपयोग कर सकते हैं \A बच दृश्य है, जो एक नई पंक्ति के रूप में प्रस्तुत करना होगा:

.new-line:after { 
    white-space: pre-wrap; 
    content: "\A"; 
} 

इस विधि content संपत्ति के लिए CCS 2.1 Specification में उल्लेख किया गया था:

लेखक उत्पन्न में नई पंक्तियां शामिल हो सकता है "\A"'content' संपत्ति के बाद तारों में से एक में भागने अनुक्रम लिखकर सामग्री। यह डाला गया लाइन ब्रेक अभी भी 'white-space' संपत्ति के अधीन है।