CSS တွင် စာကြောင်းအကြား အကွာအဝေး

ယခုစာသား၏ စာကြောင်းအကြား အကွာအဝေးကို မည်သို့သတ်မှတ်ရမည်ကို သင်ကြရအောင်။ စာကြောင်းအကြား အကွာအဝေးဆိုသည်မှာ စာကြောင်းများအကြား အကွာအဝေး၊ ဆိုလိုသည်မှာ ၎င်းတို့အကြားရှိ အဖြူရောင် ကြားနေရာကို ဆိုလိုပါသည်။ ၎င်းအတွက် စာကြောင်းအမြင့်ကို သတ်မှတ်ပေးသော line-height property ကို အသုံးပြုပါသည်။

line-height property ကို အသုံးပြုသည့်အခါ သင်မမျှော်လင့်ထားသော အချက်တစ်ခုနှင့် ကြုံတွေ့နိုင်သည်- ဤ property သည် စာကြောင်းများအကြား အကွာအဝေးကို ထင်သလိုသတ်မှတ်ပေးခြင်းမဟုတ်ဘဲ စာကြောင်း၏အမြင့်ကို သတ်မှတ်ပေးခြင်းဖြစ်ပါသည်။

ဆိုလိုသည်မှာ စာကြောင်းများအကြား အမြင်အားဖြင့် မြင်နိုင်သော အကွာအဝေးကို ဤသို့တွက်ချက်ပါမည်- line-height - font-size = စာသားစာကြောင်းများအကြား မြင်နိုင်သော အကွာအဝေး။

အောက်ပါဥပမာတွင် စာသားစာကြောင်းများအကြား အကွာအဝေးသည် 50px - 20px = 30px ဖြစ်ပါမည်-

html<p>
  some long text
</p>

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

Результат: