CSS တွင် စာကြောင်းအကြား အကွာအဝေး
ယခုစာသား၏ စာကြောင်းအကြား အကွာအဝေးကို မည်သို့သတ်မှတ်ရမည်ကို သင်ကြရအောင်။ စာကြောင်းအကြား အကွာအဝေးဆိုသည်မှာ စာကြောင်းများအကြား အကွာအဝေး၊ ဆိုလိုသည်မှာ ၎င်းတို့အကြားရှိ အဖြူရောင် ကြားနေရာကို ဆိုလိုပါသည်။ ၎င်းအတွက် စာကြောင်းအမြင့်ကို သတ်မှတ်ပေးသော line-height property ကို အသုံးပြုပါသည်။
line-height property ကို အသုံးပြုသည့်အခါ သင်မမျှော်လင့်ထားသော အချက်တစ်ခုနှင့် ကြုံတွေ့နိုင်သည်- ဤ property သည် စာကြောင်းများအကြား အကွာအဝေးကို ထင်သလိုသတ်မှတ်ပေးခြင်းမဟုတ်ဘဲ စာကြောင်း၏အမြင့်ကို သတ်မှတ်ပေးခြင်းဖြစ်ပါသည်။
ဆိုလိုသည်မှာ စာကြောင်းများအကြား အမြင်အားဖြင့် မြင်နိုင်သော အကွာအဝေးကို ဤသို့တွက်ချက်ပါမည်- line-height - font-size = စာသားစာကြောင်းများအကြား မြင်နိုင်သော အကွာအဝေး။
အောက်ပါဥပမာတွင် စာသားစာကြောင်းများအကြား အကွာအဝေးသည် ဖြစ်ပါမည်-
50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
စာပိုဒ်များအတွက် ဖောင့်အရွယ်အစားသည် 30px ဖြစ်ပါစေ။ စာပိုဒ်များအကြား မြင်နိုင်သော အဖြူရောင် အကွာအဝေးသည် 15px ဖြစ်စေရန် line-height property ကို သတ်မှတ်ပါ။