Die waarde van line-height sonder eenhede in CSS

Die waarde van die eienskap line-height hoef nie 'n getal met eenhede te wees nie. Jy kan ook net 'n getal of breuk skryf. In hierdie geval kan die werklike waarde van line-height gevind word deur dit te vermenigvuldig met die waarde van font-size.

Byvoorbeeld, font-size is gelyk aan 10px, en line-height is 1.5. In hierdie geval sal die werklike waarde van line-height wees 10px * 1.5 = 15px. Wel, en die sigbare wit spasie tussen die reëls van die teks sal wees 5px: 15px - 10px = 5px.

Die voordeel van hierdie manier om line-height te stel is dat wanneer die lettergrootte verander, die reëlafstand outomaties ook sal verander.

Laat ons die beskryfde toepassing in 'n voorbeeld sien:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 1.5;
  text-align: justify;
  width: 400px;
}

Результат: