2012-01-30 14 views
98

Bir satır sonu zorlamak için CSS content özelliğinde newline özelliğinin kullanılması mümkün mü? Bir şey gibi:CSS 'content' özelliğinde yeni satır karakter dizisi?

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

Bu cevap yardımcı olur mu? http://stackoverflow.com/a/4609491/582278 –

+0

@Blowski, evet, ama benim [keman] 'da çalışmıyor (http://jsfiddle.net/saeedneamati/q4WC4/) –

+0

@SaeedNeamati benimkilerde . Hangi tarayıcıya bakıyorsunuz? –

cevap

119

content mülkiyet kabul eden bir string ve:

bir dize doğrudan bir yeni satır içeremez. dizesine yeni satır eklemek için, "\ A" veya "\ 00000a" gibi ISO-10646 (U + 000A) satır besleme karakterini temsil eden bir çıkış kullanın. Bu karakter , CSS'deki "newline" genel kavramını temsil eder. content öznitelik değerinde, birleştirme değil “+” işareti, sadece boşluk ile ifade edilir olduğunu

(fiili tarayıcı desteği hakkında hiçbir fikri.)

+5

Hiçbir şey bir alıntıyı atmaz. +1 –

+28

Bu şekilde eklenen yeni satır karakterlerinin bir HTML belgesindeki diğer yeni satırlar gibi ele alındığını unutmayın: bunlar varsayılan olarak tarayıcılar tarafından düzenli bir boşluk karakteri olarak ve yalnızca önceden biçimlendirilmiş içerikte düzenli yeni satırlar olarak oluşturulur. – BoltClock

+0

Çalışmıyor. [Jsfiddel] (http://jsfiddle.net/saeedneamati/q4WC4/). –

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

Not. Bir CSS dizgisi literalindeki \a çıkış notasyonu bir çizgi çizgi karakterini belirtir.

+0

Hala çalışmıyor. Güncelleme [fiddle] (http://jsfiddle.net/saeedneamati/q4WC4/2/) –

+9

“Beyaz boşluk: ön” eksikti. http://jsfiddle.net/FP5gX/ adresine bakın. Bu alanı muhtemelen istediğiniz gibi ekledim. –

+0

@Jan ':: before' veya': before' kullanmalı mıyız? – Ormoz

İlgili konular