Pregunta sobre css – ¿Qué es la línea de altura: 1?

29

Es una pregunta sobre el nombramiento de altura de línea.

Comencé a estudiar css. line-height: los ejemplos que nombran 20px o una unidad se encuentran a menudo. A veces es la altura de la línea: hay 1 y una cosa sin una unidad, pero ¿en qué sentido se convierte esto?

Tu respuesta

6   la respuesta
4

w3schools yw3.org línea de altura: 1; es válido y significa lo siguiente: Establece un número que se multiplicará con el tamaño de fuente actual para establecer la distancia entre las líneas.

En efecto, sí. mahalie
igual que la altura de la línea: 1em; ? typeoneerror
31

número :

Establece un número que se multiplicará con el tamaño de fuente actual para establecer la distancia entre las líneas

longitud :

Establece una distancia fija entre las líneas.

% :

Establece una distancia entre las líneas en% del tamaño de fuente actual

tomar dehttp://www.w3schools.com/css/pr_dim_line-height.asp

Si se configura la línea de alturasin una unidad, el resultado es elvalor de altura de línea multiplicado por el tamaño de fuente del elemento. La propiedad line-height puede aceptar valores sin unidades. Este es un buen artículo que detalla lapropiedad de altura de línea. Nesha Zoric
7

1" no es igual a "normal": 1 es exactamente la misma altura que el tamaño de la fuente, por lo que las líneas en un elemento de varias líneas, como un párrafo, se ajustarán una con la otra, mientras que la normal agrega la Espaciado esperado entre las líneas.

Usando la taquigrafía de la fuente:

<code>font: font-style font-variant font-weight font-size/line-height font-family;
</code>

parece que el valor predeterminado de la altura de línea es normal si no se especifica. Por ejemplo:

<code>body{
    line-height:1; /* as seen in Eric Meyer's reset css */
}
p{
    font:normal normal normal 14px "Times New Roman", Times, serif;
}
</code>

resultará en que todos los párrafos tengan una altura de línea normal, anulando el 1 conjunto para el cuerpo, mientras que

<code>p{
    font:normal normal normal 14px/1 "Times New Roman", Times, serif;
}
</code>

mantendrá la altura de línea de 1 (que en este ejemplo sería 14px).

8

line-height No necesita una unidad (artículo detallado).

La propiedad line-height puede aceptar valores numéricos sin unidades. También puedes dar valores unidos de altura de línea, aunque en general no deberías. Pero los números sin unidades están bien para esta propiedad.

¡Gracias! Eso realmente lo explica, ¡y un montón de rarezas desconcertantes con mis sitios web! ¡Hurra! Scott Biggs
1

Es un múltiplo del tamaño de fuente. De la recomendación del candidato de CSS 2.1: »El valor utilizado de la propiedad es este número multiplicado por el tamaño de fuente del elemento.«

2

Si no se suministra ninguna unidad, por ejemplo."line-height: 1.5" la distancia entre las líneas se establece como este número se multiplica con el tamaño de fuente actual.

1.5 x tamaño de letra

Preguntas relacionadas