Pytanie w sprawie css – Co to jest wysokość linii: 1?

29

To pytanie o wyznaczenie wysokości linii.

Zacząłem studiować css. line-height: często można znaleźć przykłady wyznaczające 20px lub jednostkę. Czasami jest to wysokość linii: Jest 1 i rzecz bez jednostki, ale jakie to ma znaczenie?

Twoja odpowiedź

6   odpowiedzi
31

Możliwa wartość

numer :

Ustawia liczbę, która zostanie pomnożona przez bieżący rozmiar czcionki, aby ustawić odległość między liniami

długość :

Ustawia stałą odległość między liniami

% :

Ustawia odległość między liniami w% bieżącego rozmiaru czcionki

zabrać odhttp://www.w3schools.com/css/pr_dim_line-height.asp

Jeśli ustawiasz wysokość liniibez jednostki, wynikiem jestwartość wysokości linii pomnożona przez rozmiar czcionki elementu. Właściwość line-height może akceptować wartości bez jednostek. To dobry artykuł opisującywłaściwość line-height. Nesha Zoric
4

Wedługw3schools iw3.org wysokość linii: 1; jest poprawny i oznacza: Ustawia liczbę, która zostanie pomnożona przez bieżący rozmiar czcionki, aby ustawić odległość między liniami.

W rzeczywistości tak. mahalie
tak samo jak wysokość linii: 1em; ? typeoneerror
7

Uwaga: „1” nie jest równe „normalny” - 1 ma dokładnie taką samą wysokość jak rozmiar czcionki, więc linie w elemencie wielowierszowym, takim jak akapit, będą ściśle do siebie dopasowane, podczas gdy normalne doda oczekiwane odstępy między liniami.

Używanie skrótu czcionki:

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

wydaje się, że domyślnie wysokość linii jest normalna, jeśli nie jest określona. Na przykład:

<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>

spowoduje, że wszystkie akapity będą miały normalną wysokość linii, zastępując 1 zestaw dla ciała

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

zachowa wysokość wiersza 1 (która w tym przykładzie wynosiłaby 14px).

1

To wielokrotność rozmiaru czcionki. Z rekomendacji kandydata CSS 2.1: »Użyta wartość właściwości to liczba pomnożona przez rozmiar czcionki elementu.«

8

Wygląda na to żeline-height nie potrzebuje jednostki (szczegółowy artykuł).

Właściwość line-height może akceptować wartości liczbowe bez jednostek. Możesz również podać wartości zjednoczone na wysokości linii, chociaż generalnie nie powinieneś. Ale liczby bez jednostek są w porządku dla tej nieruchomości.

Dziękuję Ci! To naprawdę to wyjaśnia - i wiele dziwnych dziwactw z moimi stronami internetowymi! Tak! Scott Biggs
2

Jeśli nie dostarczono żadnej jednostki, np."line-height: 1.5" odległość między liniami jest ustawiana jako liczba pomnożona przez bieżący rozmiar czcionki.

1,5 x rozmiar czcionki

Powiązane pytania