CSS ကိုလိုင်း Spacing ရရန် CSS ကိုလိုင်း-အမြင့်အိမ်ခြံမြေအသုံးပြုခြင်း
သင်၏ Web စာမျက်နှာများပေါ်တွင်သင့်ရဲ့လိုင်းအကွာကိုထိခိုက်ဖို့ CSS ကိုစတိုင်ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုလိုင်း-အမြင့်သုံးစွဲဖို့ဘယ်လိုလေ့လာပါ။
CSS ကိုလိုင်းအာကာသတန်ဖိုးများ
CSS ကိုလိုင်းအကွာအဆိုပါ CSS ကိုစတိုင်ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုလိုင်း-အမြင့်ကြောင့်ထိခိုက်နေပါတယ်။ ဤသည်ပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုကို 5 ကွဲပြားခြားနားသောတန်ဖိုးများကိုမှတက်ယူ:
- သာမန်: Browser ကိုစာလုံးအရွယ်အစားမှဆက်စပ်ကြောင်းလိုင်းအကွာများအတွက်တန်ဖိုးဆုံးဖြတ်သည်။ ဤသည်များသောအားဖြင့်ထိုစာလုံးအရွယ်အစားအတိုင်းအတူတူသို့မဟုတ်အနည်းငယ်ပိုကြီးတဲ့ (20% တူသော) ဖြစ်ပါသည်။
- အမွေခံရ: နေရာခြားမျဉ်းမိဘဒြပ်စင်ရဲ့လိုင်းအကွာကနေယူရပါမည်။ သင်စာလုံးအရွယ်အစားနှင့်အမွေခံရဟုသတ်မှတ်ကြသည်အတွင်းရှိအပိုဒ် tags များထက်ပိုကြီးတဲ့ 30% မှသင့်ခန္ဓာကိုယ် tag ကို၏လိုင်း-အမြင့်သတ်မှတ်ထားမယ်ဆိုရင်ဒါသူတို့လည်း font-size ကိုထက် 30% ပိုကြီးမားတဲ့လိုင်း-အမြင့်ရှိပါလိမ့်မယ်။
- တစ်နံပါတ်: မျဉ်း-အမြင့်တန်ဖိုးကိုတိုင်းတာမရှိယူနစ်ရှိတယ်ဆိုပါကလိုင်းအမြင့်များအတွက်စာလုံးအရွယ်အစားပေါ်မှာမြှောက်ကိန်းဖြစ်စဉ်းစားသည်။ ဒါကြောင့် 1.25 တစ်လိုင်း-အမြင့်သည့်စာလုံးအရွယ်အစားထက် 25% ပိုမိုကြီးမားပါလိမ့်မယ်။
- တစ်အရှည်: မျဉ်း-အမြင့်တန်ဖိုးကိုတိုင်းတာတဲ့ယူနစ်ရှိတယ်ဆိုလျှင်, သောလိုင်းများအကြားရှိသင့်တယ်နေရာအတိအကျကိုပမာဏဖြစ်သည်။ ဒီတော့ 1.25mm လိုင်းများဆိတ်ကွယ်ရာ 1.25 မီလီမီတာဖြစ်ပေါ်လိမ့်မယ်။
- တစ်ရာခိုင်နှုန်း: မျဉ်း-အမြင့်လျှင်စာလုံးအရွယ်အစားတစ်ရာခိုင်နှုန်းဖြစ်လိမ့်မယ်လို့တစ်ရာခိုင်နှုန်းဖြစ်ပါသည်။ ဒါကြောင့် 125% တစ်လိုင်း-အမြင့်သည့်စာလုံးအရွယ်အစားထက် 25% ပိုမိုကြီးမားပါလိမ့်မယ်။
ဘယ် Value ကိုသင်က CSS ကိုလိုင်း Spacing များအတွက်သုံးပါသငျ့ပါ
အများဆုံးကိစ္စများတွင်လိုင်းအကွာများအတွက်အကောင်းဆုံးရွေးချယ်မှုကို default မှာစွန့်ခွာဖို့ဖြစ်ပါတယ် - သို့မဟုတ် "ပုံမှန်" ။ ဤသည်ယေဘုယျအားဖြင့်အများဆုံးဖတ်လို့ရအောင်သည်နှင့်သင်အထူးဘာမှမလိုအပ်ပါဘူး။ ဒါပေမယ့်လိုင်းအကွာပြောင်းလဲနေတဲ့ကသင်၏စာသားတစ်ဦးကွဲပြားခြားနားခံစားပေးနိုင်ပါသည်။
သင့်ရဲ့ပါလျှင် စာလုံးအရွယ်အစား EMS အဖြစ်သတ်မှတ်ပါတယ် သို့မဟုတ်ရာခိုင်နှုန်း, သင့်လိုင်း-အမြင့်ကိုလည်းထိုလမ်းသတ်မှတ်ရပါမည်။ ဒါကြောင့်စာဖတ်သူဟာသူတို့ရဲ့ဖောင့်အရွယ်အစားပြင်ဆင်ရန်ခွင့်ပြုနှင့်သင့်လိုင်းအကွာအပေါ်တူညီသောအချိုးအစားစောင့်ရှောက်သောကြောင့်, ဒါကလိုင်းအကွာ၏အများဆုံးပြောင်းလွယ်ပြင်လွယ်ပုံစံဖြစ်ပါတယ်။
တစ်အချက် (PT) တန်ဖိုးပုံနှိပ်စတိုင်စာရွက်များများအတွက် set လိုင်းအမြင့်။ အဆိုပါအမှတ်တစ်ဦးပုံနှိပ်အတိုင်းအတာဖြစ်တယ်, ဒါကြောင့်သင့်ရဲ့ဖောင့်အရွယ်အစားအဖြစ်ကောင်းစွာမှတ်အတွက်ဖြစ်သင့်ပါတယ်။
ငါကလူတွေကိုအများဆုံးရှုပ်ထွေးင်တွေ့ရှိခဲ့ပါတယ်ဘာလို့လဲဆိုတော့သူအရေအတွက်ရွေးချယ်မှုအသုံးပြုလိုကြပါဘူး။ လူအတော်များများအရေအတွက်ကိုပကတိအရွယ်အစားသည်ဟုမထင်, ဒါကြောင့်သူတို့ကကြီးမားပါစေ။ ဥပမာအားဖြင့်, သင်က font ကို 14px မှာထားပြီစေခြင်းငှါ, ပြီးနောက်သင် 14 ရန်သင့်လိုင်း-အမြင့် set - လိုင်းများအကြားကြီးမားသည့်ကွာဟချက်အတွက်ရလဒ်များအရာ - လိုင်းအကွာ 14 ကြိမ်စာလုံးအရွယ်အစားသတ်မှတ်ထားလို့ပဲ။
သင်ကသင့်ရဲ့လိုင်း Spacing များအတွက်မည်သို့အများကြီးအာကာသကိုသုံးပါသငျ့ပါ
ကျွန်မအထက်တွင်ဖော်ပြခဲ့သည့်အတိုင်းသင်ကပြောင်းလဲပစ်မှတိကျတဲ့အကြောင်းပြချက်များမဟုတ်လျှင်, ငါက default လိုင်းအကွာကို အသုံးပြု. အကြံပြုပါသည်။ မျဉ်းအကွာပြောင်းခြင်းကွဲပြားခြားနားသောအကျိုးသက်ရောက်မှုများရှိနိုင်ပါသည်:
- အတူတူအလွန်တင်းကျပ်စွာကြောင်းစာသားမဖတ်ရှုဖို့ခက်ခဲနိုင်ပါတယ်။ သို့သော်သေးငယ်တဲ့လိုင်းနေရာများစာသား၏ခံစားချက်ထိခိုက်စေနိုင်ပါတယ်။ စာသားအတူတကွ scrunched လျှင်ကစာသား၏အဓိပ္ပာယ်မှောင်သို့မဟုတ်ထိုထက်ပိုတင်းမာနေထင်ရစေနိုင်ပါတယ်။
- ဝေးကွာဆိတ်ကွယ်ရာကြောင်းကိုစာသားကိုလည်းဖတ်ရှုဖို့ခက်ခဲနိုင်ပါတယ်။ ဒါပေမယ့်ကျယ်ပြန့်လိုင်းနေရာများစာသားပိုပြီးစီးဆင်းနေသောနှင့်အရည်ထင်ရစေသည်။
- မျဉ်းအကွာပြောင်းခြင်းမဟုတ်ရင်တစ်ဦးအာကာသအတွင်း fit မဟုတ်ကြောင်းစာသားကိုပိုပြီးကျစ်လစ်သိပ်သည်းဖြစ်အောင်သို့မဟုတ်သင့်ဒီဇိုင်းများတွင်ပိုမိုအာကာသကိုတက်ယူနိုင်ပါတယ်။