Betydningen av line-height uten enheter i CSS

Verdien for egenskapen line-height trenger ikke nødvendigvis å være et tall med enheter. Du kan også bare skrive et tall eller en brøk. I dette tilfellet kan den faktiske verdien for line-height finnes ved å multiplisere det med verdien av font-size.

For eksempel, font-size er 10px, og line-height er 1.5. I dette tilfellet vil den faktiske verdien for line-height være 10px * 1.5 = 15px. Vel, og det synlige hvite mellomrommet mellom tekstlinjene vil være 5px: 15px - 10px = 5px.

Fordelen med å sette line-height på denne måten er at når skriftstørrelsen endres, vil linjeavstanden automatisk endre seg.

La oss se på anvendelsen av det beskrevne med et eksempel:

html<p>
  some long text
</p>

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

Результат: