Jest to pytanie dotyczące wyznaczenia wysokości linii.Co to jest wysokość linii: 1?
Rozpocząłem studia nad css. line-height: Często można znaleźć przykłady, które określają 20 pikseli lub jednostkę. Czasami jest to wysokość linii: jest 1 i rzecz bez jednostki, ale jakie to ma znaczenie?
Możliwe wartości
numer:
Ustawia liczbę, która będzie mnożona przez aktualną font-size ustawić odległość między wierszami
długość :
Ustawia stałą odległość między liniami
%:
Ustawia odległość między liniami w% aktualnego rozmiaru czcionki
trwać od http://www.w3schools.com/css/pr_dim_line-height.asp
Nie wykonuj żadnych czynności przez w3schools, zobacz http://www.w3fools.com/ –
Jeśli ustawisz line-height ** bez jednostki **, wynikiem jest ** wartość wysokości linii pomnożona przez rozmiar czcionki elementu **. Właściwość line-height może przyjmować wartości bez jednostek. Jest to dobry artykuł opisujący właściwość [line-height] (https://kolosek.com/css-line-height/). –
Wydaje się, że line-height doesn't need a unit (detailled article).
Wysokość linii nieruchomości może przyjąć wartości bez jednostek. Możesz także podać jednolite wartości wysokości linii, chociaż nie powinieneś. Ale numery unitless są w porządku dla tej właściwości .
Niezły artykuł! +1 – Blixt
Dziękujemy! To naprawdę wyjaśnia - i wiele dziwnych dziwactw z moimi stronami internetowymi! Yay! –
Jeśli nie dostarczono jednostki, np. "line-height: 1.5" odległość między wierszami jest ustawiana jako liczba pomnożona przez bieżący rozmiar czcionki.
1,5 x rozmiar czcionki
Według w3schools i w3.org składzie wysokość: 1; jest poprawny i oznacza: Ustawia liczbę, która będzie mnożona przez bieżący rozmiar czcionki, aby ustawić odległość między wierszami.
taka sama jak wysokość linii: 1em; ? – typeoneerror
W efekcie tak. – mahalie
Jest to wielokrotność rozmiaru czcionki. Z rekomendacji Kandydata CSS 2.1: »Zastosowaną wartością właściwości jest liczba pomnożona przez rozmiar czcionki elementu.«
Uwaga: "1" nie jest równe "normalne" - 1 ma dokładnie taką samą wysokość jak rozmiar czcionki, więc linie w wieloliniowym elemencie, takim jak akapit, zostaną ściśnięte względem siebie, podczas gdy normalne dodaje oczekiwany odstęp między wierszami.
Używanie skrótów czcionki:
font: font-style font-variant font-weight font-size/line-height font-family;
pojawia się domyślnie z line-height do normy, jeśli nie jest określona.Np
body{
line-height:1; /* as seen in Eric Meyer's reset css */
}
p{
font:normal normal normal 14px "Times New Roman", Times, serif;
}
spowoduje we wszystkich punktach o normalnej linii wysokościowym, przesłanianie 1 zestaw do ciała, podczas gdy
p{
font:normal normal normal 14px/1 "Times New Roman", Times, serif;
}
zachowują skład wysokość 1 (który w tym przykład wynosiłby 14 pikseli).
https://developer.mozilla.org/en/docs/Web/CSS/line-height#Values –