Betydningen af line-height uden enheder i CSS

Værdien af egenskaben line-height behøver ikke at være et tal med enheder. Du kan også blot skrive et tal eller en brøk. I dette tilfælde kan den faktiske værdi af line-height findes ved at gange den med værdien af font-size.

For eksempel, font-size er 10px, og line-height er 1.5. I dette tilfælde vil den reelle værdi af line-height være 10px * 1.5 = 15px. Den synlige hvide afstand mellem tekstlinjer vil være 5px: 15px - 10px = 5px.

Fordelen ved at angive line-height på denne måde er, at når skriftstørrelsen ændres, vil linjeafstanden automatisk ændre sig med.

Lad os se anvendelsen af det beskrevne med et eksempel:

<p>
	some long text
</p>

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

Lad skriftstørrelsen for afsnit være 30px. Indstil egenskaben line-height sådan, at den synlige hvide afstand mellem afsnit er 15px. Brug en line-height værdi uden enheder til dette.