css - style - ¿Por qué no puedo disminuir la altura de línea de este texto?



line-height que es (4)

Debido a que la etiqueta em está en línea y su altura de línea no puede ser inferior a su div primaria.

Por ejemplo, si establece la altura de línea del padre en 10px, también podrá reducir la altura de línea de la etiqueta em a 10px.

https://src-bin.com

http://jsfiddle.net/mJxn4/

Esto es muy extraño: tengo algunas líneas de texto envueltas en una etiqueta <em> . No importa lo que haga, bajar el valor line-height de line-height debajo de 17px no tiene ningún efecto. Puedo subir la line-height la line-height hasta más de 17px y se aplicará, pero no puedo hacerlo más bajo que 17px.

El CSS en cuestión es:

#others .item em {
    font-size: 13px;
    line-height: 17px;
}

Intente ajustar la altura de la línea tanto superior como inferior y ejecute el violín actualizado después de cada cambio, y verá lo que quiero decir.

¿Por qué sería esto? No se especifica ninguna line-height ningún otro lugar en el CSS, por lo que nada lo anula. Ese no podría ser el caso de todos modos porque estoy ajustando la line-height la line-height arriba y hacia abajo dentro del mismo selector , por lo que no tiene sentido que se aplique un valor más alto, pero que se anule un valor más bajo.


Answer #1

La forma más sencilla es especificar la altura de la línea con una prioridad más alta, por ejemplo, podría escribir: line-height: 14px! Important;

Si aún no está funcionando, establezca la prioridad alta tanto en el lugar en el que le gustaría disminuir la altura de la línea (en línea css) como también en el cuerpo css. reglas.

Espero que esto ayude

Ahmed


Answer #2

Para que la propiedad de altura de línea funcione, div debe tener una propiedad de visualización igual a un bloque

.app-button-label{
    line-height: 20px;
    display: block;
 }





em