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 ကို ဤနည်းဖြင့် သတ်မှတ်ခြင်း၏ အားသာချက်မှာ စာလုံးအရွယ်အစား ပြောင်းလဲသောအခါ စာကြောင်းကြားအကွာအဝေးသည်လည်း အလိုအလျောက် ပြောင်းလဲသွားမည်ဖြစ်သည်။

ဖော်ပြခဲ့သည်ကို ဥပမာတစ်ခုဖြင့် အသုံးပြုပုံကို ကြည့်ရအောင်။

<p>
	some long text
</p>

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

စာပိုဒ်များအတွက် စာလုံးအရွယ်အစားသည် 30px ဖြစ်သည်ဆိုပါစို့။ line-height ဂုဏ်သတ္တိကို စာပိုဒ်များကြားရှိ မြင်နိုင်သော အဖြူကွက်လပ်သည် 15px ဖြစ်အောင် သတ်မှတ်ပါ။ ယင်းအတွက် ယူနစ်မဲ့ line-height တန်ဖိုးကို အသုံးပြုပါ။