2012-01-30 13 views
98

क्या न्यूलाइन सीएसएस content संपत्ति में लाइन ब्रेक को मजबूर करने के लिए उपयोग करना संभव है? की तरह कुछ:सीएसएस 'सामग्री' संपत्ति में न्यूलाइन चरित्र अनुक्रम?

figcaption:before 
{ 
    content: 'Figure \n' + attr(title); 
} 
+2

क्या यह उत्तर मदद करता है? http://stackoverflow.com/a/4609491/582278 –

+0

@ ब्लोस्की, हाँ, लेकिन यह मेरे [fiddle] में काम नहीं करता है (http://jsfiddle.net/saeedneamati/q4WC4/) –

+0

@ सईदनेमाती मेरे । आप किस ब्राउजर में देख रहे हैं? –

उत्तर

119

content संपत्ति स्वीकार करता है एक string और:

एक स्ट्रिंग सीधे एक नई पंक्ति नहीं हो सकते। स्ट्रिंग में एक नई लाइन शामिल करने के लिए, आईएसओ -10646 (यू + 000 ए), जैसे कि "\ A" या "\ 00000a" में पंक्ति फ़ीड वर्ण का प्रतिनिधित्व करने वाले भागने का उपयोग करें। यह वर्ण सीएसएस में "न्यूलाइन" की सामान्य धारणा का प्रतिनिधित्व करता है।

(वास्तविक ब्राउज़र समर्थन के बारे में कोई विचार है।)

+5

कुछ भी उद्धरण नहीं है। +1 –

+28

ध्यान दें कि इस प्रकार डाले गए न्यूलाइन अक्षरों को किसी HTML दस्तावेज़ में किसी भी अन्य न्यूलाइन की तरह माना जाता है: उन्हें डिफ़ॉल्ट रूप से ब्राउज़र द्वारा नियमित स्पेस कैरेक्टर के रूप में प्रस्तुत किया जाएगा, और केवल पूर्व प्रारूपित सामग्री में नियमित रूप से न्यूलाइन के रूप में प्रस्तुत किया जाएगा। – BoltClock

+0

यह काम नहीं करता है। [Jsfiddel] (http://jsfiddle.net/saeedneamati/q4WC4/)। –

105
figcaption:before 
{ 
    content: 'Figure \a' attr(title); 
    white-space: pre; 
} 

ध्यान दें कि content विशेषता मान में, संयोजन, बस खाली स्थान के द्वारा व्यक्त किया जाता है एक "+" चिह्न द्वारा नहीं। एक सीएसएस स्ट्रिंग शाब्दिक में एस्केप नोटेशन \a एक लाइनब्रेक चरित्र इंगित करता है।

+0

अभी भी काम नहीं कर रहा है। अपडेट किया गया [fiddle] (http://jsfiddle.net/saeedneamati/q4WC4/2/) –

+9

'व्हाइट-स्पेस: प्री' गायब था। http://jsfiddle.net/FP5gX/ देखें जहां मैंने '' '' जोड़ा 'जैसा कि आप शायद उस स्थान को चाहते हैं। –

+0

@ जैन क्या हमें ':: पहले' या 'पहले' का उपयोग करना चाहिए? – Ormoz

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