2009-06-16 13 views
28

Es una pregunta sobre el nombramiento de la altura de línea.¿Qué es la altura de línea: 1?

Comencé el estudio de css. altura de línea: a menudo se encuentran ejemplos que indican 20px o una unidad. A veces es altura de línea: hay 1 y una cosa sin unidad, pero ¿en qué sentido se convierte esto?

+0

https://developer.mozilla.org/en/docs/Web/CSS/line-height#Values ​​ –

Respuesta

29

Valores posibles

número:

define un número que se multiplica por el tamaño de fuente de corriente para ajustar la distancia entre las líneas

longitud :

Establece una distancia fija entre las líneas

%:

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

toma de http://www.w3schools.com/css/pr_dim_line-height.asp

+1

No siga nada por w3schools, consulte http://www.w3fools.com/ –

+0

Si establece el línea-altura ** sin una unidad **, el resultado es el ** valor de altura de línea multiplicado por el tamaño de fuente del elemento **. La propiedad de altura de línea puede aceptar valores sin unidades. Este es un buen artículo que detalla la [propiedad de altura de línea] (https://kolosek.com/css-line-height/). –

8

Parece que line-height doesn't need a unit (detailled article).

La altura de línea de la propiedad puede aceptar valores de número sin unidades. También puede obtener valores unificados de altura de línea, aunque generalmente no debería. Pero los números sin unidades están bien para esta propiedad .

+2

¡Buen artículo! +1 – Blixt

+0

¡Gracias! Eso realmente lo explica, ¡y muchas rarezas desconcertantes con mis sitios web! ¡Hurra! –

2

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

1,5 x tamaño de fuente

4

Según w3schools y w3.org line-height: 1; es válido y significa lo siguiente: Establece un número que se multiplicará con el tamaño de letra actual para establecer la distancia entre las líneas.

+0

igual que la altura de línea: 1em; ? – typeoneerror

+0

En efecto, sí. – mahalie

1

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

6

También tenga en cuenta: "1" no es igual a "normal" - 1 es exactamente la misma altura que el tamaño de fuente, por lo que las líneas en un elemento de varias líneas, como un párrafo, se ajustarán unas contra otras, mientras que las normales agregarán el espaciado esperado entre las líneas.

Uso de la taquigrafía de la fuente:

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

aparece por defecto la línea de altura a la normalidad si no se especifica.Por ejemplo:

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

resultará en todos los párrafos que tienen una línea de altura normal, reemplazando el 1 de ajuste para el cuerpo, mientras que

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

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

Cuestiones relacionadas