texto - line-width css
¿Por qué no puedo disminuir la altura de línea de este texto? (6)
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.
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.
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
Me enfrentaba a este problema con divs en la vista móvil: ¡la altura de la línea era demasiado grande y la altura de la línea no funcionaba! Me las arreglé para hacerlo funcionar agregando "display: block", según el consejo aquí: ¿Por qué la propiedad CSS ''altura de línea'' no me permite crear espacios de línea reducidos en Chrome?
Espero que esto ayude a alguien más a enfrentar el mismo problema en el futuro.
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;
}
Parece que estás usando la opción normalized css en jsfiddle, lo que equivale a que se están restableciendo las reglas CSS, como http://meyerweb.com/eric/tools/css/reset/
Puede restablecer el restablecimiento o usar un restablecimiento diferente si realmente lo necesita.
Vea aquí para más detalles:
http://sixrevisions.com/css/a-comprehensive-guide-to-css-resets/
La mejor manera de hacerlo es usando css reset.
Escribe tu propio o usa uno popular como