¿Es posible usar carácter de nueva línea en la propiedad CSS content para forzar un salto de línea? Algo así como:Secuencia de caracteres Newline en la propiedad 'contenido' de CSS?
figcaption:before
{
content: 'Figure \n' + attr(title);
}
La propiedad acepta una contentstring y:
Una cadena no puede contener directamente una nueva línea. Para incluir una línea nueva en una cadena , use un escape que represente el carácter de alimentación de línea en ISO-10646 (U + 000A), como "\ A" o "\ 00000a". Este carácter representa la noción genérica de "nueva línea" en CSS.
(ni idea sobre el apoyo real del navegador.)
Nada mejor que una cotización. +1 –
Tenga en cuenta que los caracteres de nueva línea insertados de esta manera se tratan como cualquier otra línea nueva en un documento HTML: los navegadores los mostrarán de forma predeterminada como un carácter de espacio normal y solo como líneas nuevas regulares en el contenido preformateado. – BoltClock
No funciona. [jsfiddel] (http://jsfiddle.net/saeedneamati/q4WC4/). –
figcaption:before
{
content: 'Figure \a' attr(title);
white-space: pre;
}
Tenga en cuenta que en el valor content atributo, la concatenación se expresa solo por espacios en blanco, no por un signo “+”. La notación de escape \a en un literal de cadena CSS indica un carácter de salto de línea.
Todavía no funciona. [Fiddle] actualizado (http://jsfiddle.net/saeedneamati/q4WC4/2/) –
Falta el 'white-space: pre'. Ver http://jsfiddle.net/FP5gX/ donde agregué '''' ya que probablemente quiera ese espacio. –
@ Jan ¿debemos usar ':: before' or': before'? – Ormoz
¿Le sirve esta respuesta? http://stackoverflow.com/a/4609491/582278 –
@Blowski, sí, pero no funciona en mi [fiddle] (http://jsfiddle.net/saeedneamati/q4WC4/) –
@SaeedNeamati lo hace en la mía . ¿Qué navegador estás buscando? –