Pergunta sobre css – O que é line-height: 1?

29

É uma questão sobre a nomeação de altura de linha.

Comecei a estudar o css. line-height: exemplos que apontam 20px ou uma unidade são freqüentemente encontrados. Às vezes é a altura da linha: há 1 e uma coisa sem unidade, mas que tipo de significado isso se torna?

Sua resposta

6   a resposta
1

É um múltiplo do tamanho da fonte. A partir da recomendação do Candidato CSS 2.1: »O valor usado da propriedade é este número multiplicado pelo tamanho da fonte do elemento.«

2

Se nenhuma unidade é fornecida, e."line-height: 1.5" a distância entre as linhas é definida como este número multiplicado pelo tamanho atual da fonte.

1,5 x tamanho da fonte

31

Valores possíveis

número :

Define um número que será multiplicado com o tamanho atual da fonte para definir a distância entre as linhas

comprimento :

Define uma distância fixa entre as linhas

% :

Define uma distância entre as linhas em% do tamanho atual da fonte

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

Se estiver definindo a altura da linhasem uma unidade, o resultado é ovalor de altura da linha multiplicado pelo tamanho da fonte do elemento. A propriedade line-height pode aceitar valores sem unidade. Este é um bom artigo detalhando opropriedade line-height. Nesha Zoric
8

Parece queline-height não precisa de uma unidade (artigo detalhado).

A altura da linha da propriedade pode aceitar valores numéricos sem unidade. Você também pode atribuir valores unidos de altura da linha, embora geralmente não deva. Mas números sem unidade são bons para essa propriedade.

Obrigado! Isso realmente explica isso - e muita estranheza desconcertante com meus sites! Yay! Scott Biggs
4

De acordo comw3schools ew3.org altura da linha: 1; é válido e significa o seguinte: Define um número que será multiplicado com o tamanho atual da fonte para definir a distância entre as linhas.

o mesmo que line-height: 1em; ? typeoneerror
Com efeito, sim. mahalie
7

Observe também: "1" não é igual a "normal" - 1 é exatamente a mesma altura que o tamanho da fonte, então as linhas em um elemento de várias linhas, como um parágrafo, serão ajustadas umas às outras, enquanto o normal adiciona o espaçamento esperado entre as linhas.

Usando a abreviação de fonte:

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

parece padronizar a altura da linha para normal se não for especificado. Por exemplo:

<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á em todos os parágrafos com uma altura de linha normal, sobrepondo o conjunto 1 para o corpo, enquanto

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

irá manter a altura da linha de 1 (que neste exemplo seria 14px).

Perguntas relacionadas