2011-10-05 12 views
11

Se metió en esta peculiaridad hoy.¿Por qué no funciona text-indent cuando su contenedor tiene un: before /: after pseudo-element? (FX/Opera)

http://jsfiddle.net/UJAjD/3/

Se dará cuenta de que en Firefox y Opera 7, la caja gris tiene la palabra "Siguiente" en ella. El CSS incluye una propiedad de sangría de texto que debe mover ese texto fuera de su contenedor. Ver esta página en IE o Chrome lo muestra de la manera que debería. Al menos, de la manera que crees que debería mostrarse.

¿Es este un error conocido? ¿Hay alguna solución?

+1

El problema no lo hace parecen estar relacionados con los pseudo-elementos, esto se comporta exactamente igual: http://jsfiddle.net/UJAjD/4/ – thirtydot

+0

Es cierto, por lo que parece que es como Boris se menciona a continuación. Gracias. – jkupczak

Respuesta

10

Según la especificación, el texto en sangría afecta al texto en el cuadro de la primera línea del bloque.

El problema es que la especificación en realidad no deja claro si el cuadro de primera línea en este caso contiene el bloque o el texto, y diferentes UA interpretar la especificación diferente ...

+0

tiene sentido. Tomando esto en consideración todo lo que tengo que hacer es cambiar: antes de: después para que ya no sea la primera línea. Gracias. – jkupczak

Cuestiones relacionadas