Tengo el siguiente problema:conflicto entre la línea de la altura y la altura real cuando cursiva se utilizan
I tienen un elemento span con 18px línea de altura y 16px de tamaño de fuente. Esto funciona muy bien cuando el texto en el interior no es en cursiva; el lapso permanece 18 píxeles de alto.
El problema surge cuando el texto dentro del tramo está en cursiva o en negrita. Por alguna razón, la altura del elemento span agrega un píxel, y obtengo un tramo alto de 19 píxeles.
Este problema solo se encuentra en Firefox. IE, Safari, Opera y Chrome no tienen este problema. El lapso permanece 18 píxeles de alto sin importar nada.
¿Alguien ha tenido este problema antes?
Este es el código erróneo:
span
{
font-size : 18px ;
line-height : 18px ;
}
span.italicSpan
{
font-style : italic;
}
Hay un ejemplo aquí:
http://edincanada.co.cc/test/shjs-0.6/test7.html
favor verifique en los otros navegadores si lo desea. Notará que los elementos de tramo se mantienen a 18 píxeles de alto, ya que deben mantenerse de acuerdo con la altura de línea: 18px
Mismo problema con webkit. Esto se ve interesante. –