text-indent mínimo valor negativo

Question

¿Cuál es la mínimo permitido valor negativo para el text-indent la propiedad?

Yo estaba usando una extraña enorme valor en mi sitio (algo así como text-indent: -99999999px), y que dejó de funcionar con la última actualización de Google Chrome.Es decir, todavía funciona bien, pero me tiene que quitar un par de 9 a partir de ahí para hacer que funcione con Chrome de nuevo.

Descargo de responsabilidad:sí, este valor es un poco demasiado paranoico, yo lo he utilizado para la diversión y el copmletely se olvidó de ella hasta que el texto apareció en la pantalla hoy.Pero el sugeridas generalmente text-indent: -9999px fácilmente podrían fallar en algún punto en el (no tan) un futuro lejano?

Answer 1

Un valor seguro es probablemente -32768px, sin embargo , esto no es parte de la especificación, sino más bien una observación de un (posiblemente obsoleto) específicos de la implementación legado de restricción.

Antes de CSS valores de la propiedad se puede aplicar a los elementos de procesamiento en tiempo, esas declaraciones tienen que ser analizados en algo más operable y abstracta que, efectivamente, una cadena.Quiero decir, usted puede tipo de casi nada como un valor de la propiedad:

.a {text-indent: -999px;}
.b {text-indent: -99999999px;}
.c {text-indent: medium potato;}

El primer ejemplo sería que, crucemos los dedos, analizada correctamente;el último no es válido y sería ignorado (desde una papa mediana no es actualmente parte de la w3c CSS spec);pero la de en medio sería extravagante debe desbordamiento (no "encajar" en la memoria asignada por el navegador).He reunido un violín y estos son los text-indent valores en los que los navegadores de los "ahogados" y regresaron a cero:

#On OSX 10.8 Lion 64bit:
Safari 6       -2^31
Chrome 22      -2^26  #your original -99999999px would have failed here
Firefox 14     -2^70
Opera 12       -2^70

#On Win Server 2008 64bit:
Firefox 13     -2^70
Chrome 21      -2^70
IE 9           -2^70

Esto me hizo curioso, voy a correr a más pruebas en otro cuadro de mañana. Resultados anteriores actualizado, nada demasiado excitado. También puede ejecutar su propia prueba con este violín - el primer elemento que permanece visible mostraría el valor aplicado a la que fue olvidado. Estoy suponiendo que los valores podrían variar dependiendo del navegador y sistema operativo utilizado, así como de posiblemente de hardware.

Recuerdo que primero ver un práctica referencia de este tipo de limitación en un artículo sobre el estilo de imitación de columnas^ que sugiere un tratamiento conservador de la restricción de ser de una persona de 16 bits con signo entero (de -32768 a +32767) - que sería de aplicación a no sólo texto sangrías, pero otros valores de longitud.No soy consciente de cómo consistentes este valor es a través de diferentes navegadores y sus versiones, ni de cómo aplicable sería a las fracciones o los valores que se expresan en diferentes unidades.

Answer 2

No hay un Mínimo de sangría del texto - he usado sólo un par de píxeles de antes, pero que es mala práctica usar para el diseño/diseño, asegúrese de que se desplaza fuera de la pantalla cuando se visualiza en el decir de Plasma tamaño de los diseños de 99999px - es más que suficiente - el uso de márgenes, rellenos y posiciones si usted todavía desea ver el texto y los están utilizando para el estilo.

Answer 3

Tengo problemas en el ipad safari utilizando un número de 99999em, fijo para que me ajuste a 9999em.Así que tal vez no hay límite, pero debe ser para evitar este error.