È possibile utilizzare il carattere newline nella proprietà CSS content per forzare un'interruzione di riga? Qualcosa di simile:Sequenza di caratteri di nuova riga nella proprietà CSS "content"?
figcaption:before
{
content: 'Figure \n' + attr(title);
}
La proprietà content accetta un string e:
Una stringa non può contenere direttamente un ritorno a capo. Per includere una nuova riga in una stringa , utilizzare un'uscita che rappresenta il carattere di avanzamento riga in ISO-10646 (U + 000A), ad esempio "\ A" o "\ 00000a". Questo carattere rappresenta la nozione generica di "newline" nei CSS.
(Nessuna idea su supporto reale del browser.)
Niente batte una citazione. +1 –
Si noti che i caratteri di nuova riga inseriti in questo modo sono trattati come qualsiasi altra nuova riga di un documento HTML: verranno visualizzati come carattere di spazio normale dai browser per impostazione predefinita e solo come normali newline nei contenuti preformattati. – BoltClock
Non funziona. [Jsfiddel] (http://jsfiddle.net/saeedneamati/q4WC4/). –
figcaption:before
{
content: 'Figure \a' attr(title);
white-space: pre;
}
Si noti che nel valore dell'attributo content, la concatenazione è espressa solo da spazi bianchi, non da un segno “+”. La notazione di escape \a in un letterale stringa CSS indica un carattere di interruzione di riga.
Ancora non funziona. Aggiornato [fiddle] (http://jsfiddle.net/saeedneamati/q4WC4/2/) –
Il 'white-space: pre' mancava. Vedere http://jsfiddle.net/FP5gX/ dove ho aggiunto '''' come probabilmente vuoi quello spazio. –
@Jan dovremmo usare ':: before' o': before'? – Ormoz
Questa risposta è utile? http://stackoverflow.com/a/4609491/582278 –
@Blowski, sì, ma non funziona nel mio [fiddle] (http://jsfiddle.net/saeedneamati/q4WC4/) –
@SaeedNeamati fa nel mio . In che browser stai cercando? –