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:

<p>
	some long text
</p>

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

La skriftstørrelsen for avsnitt være 30px. Sett egenskapen line-height slik at det synlige hvite mellomrommet mellom avsnittene er 15px. Bruk en verdi for line-height uten enheter.