CSS හි ඒකක නොමැති line-height අගය

line-height ගුණයේ අගය නිශ්චිත ඒකක වලින් යුත් අංකයක් වීම අනිවාර්ය නොවේ. අංකයක් හෝ භාගයක් සරලව ලිවිය හැකිය. මෙම අවස්ථාවේ දී, සත්‍ය අගය line-height සොයා ගත හැක්කේ එය font-size අගයෙන් ගුණ කිරීමෙනි.

උදාහරණයක් ලෙස, font-size යනු 10px, සහ line-height යනු 1.5 වේ. මෙම අවස්ථාවේ දී, සත්‍ය line-height අගය වනු ඇත 10px * 1.5 = 15px. හොඳයි, පෙළ රේඛා අතර දෘශ්‍ය සුදු පරතරය වනු ඇත 5px: 15px - 10px = 5px.

මෙම ආකාරයෙන් line-height නියම කිරීමේ වාසිය නම්, අකුරු ප්‍රමාණය වෙනස් වන විට ස්වයංක්‍රීයව පේළි අතර පරතරයද වෙනස් වීමයි.

විස්තර කරන ලද දේ උදාහරණයක් මත යෙදීම බලමු:

html<p>
  some long text
</p>

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

Результат: