ဝဘ်စာမျက်နှာပေါ်တွင်ပစ္စည်းများကို၏နေရာချထားသည်၎င်း၏ခြုံငုံဒီဇိုင်းဖို့မရှိမဖြစ်အရေးပါသည်။ ထိုကဲ့သို့သော (စားပွဲသုံးစွဲဖို့အဖြစ် layout ကိုသြဇာလွှမ်းမိုးဖို့တခြားနည်းလမ်းရှိပါတယ်သော်လည်း ကျွန်တော်အကြံပြုမထားတဲ့ ), ပု အကောင်းဆုံး CSS ကိုသုံးစွဲဖို့ဖြစ်ပါတယ် ။
အောက်တွင်ကျနော်တို့ပုံများ, စားပွဲ, အပိုဒ်နှင့်ထို့ထက် ပို. align မှ In-line ကိုပိုင်ဆိုင်မှုရိုးရှင်းတဲ့ CSS ကိုစတိုင်သုံးစွဲဖို့ဘယ်လိုကြည့်ယူပါလိမ့်မယ်။
မှတ်ချက်: ဤရွေ့ကားအတူတူပင်နည်းလမ်းများအပေါ်သုံးနိုငျ ပြင်ပစတိုင်စာရွက်များ လွန်းပေမယ့်ဒီတစ်ဦးချင်းစီပစ္စည်းများလျှောက်ထားခြင်းနှင့်ဖြစ်နိုင်ဖွယ်ကြောင်းလမ်းနေဖို့လိုအပ်ပါတယ်ကတည်းက, ကအောက်တွင်ဖော်ပြထားသောဖော်ပြခဲ့တဲ့ရဲ့အဘယ်အရာနှင့်တူ In-line ကိုပုံစံသုံးစွဲဖို့အကောင်းဆုံးဖြစ်ပါတယ်။
စာသားအပိုဒ် align
အဆိုပါအပိုဒ် tag ကိုသင်၏ဝဘ်စာမျက်နှာကိုထုတ်တင်သောစတင်ရန်ပထမဦးဆုံးနေရာတစ်ခုဖြစ်ပါသည်။ ဒါဟာ tags များဖွင့်လှစ်ခြင်းနှင့်ပိတ်ပြီးဤကဲ့သို့သောကြည့်ရှု:
တစ်ပိုဒျတှငျစာသားရဲ့ default အ alignment ကိုစာမျက်နှာ၏လက်ဝဲဘက်ခြမ်းမှဖြစ်ပါသည်, သို့သော်သင်ကိုလည်းညာနဲ့စင်တာရန်သင့်အပိုဒ် align နိုင်ပါတယ်။
float property သုံးပြီးသင်သည်လက်ျာသို့မဟုတ်မိဘဒြပ်စင်၏ဘယ်ဘက်အပိုဒ် align ပေးနိုင်ပါတယ်။ ကြောင်းမိဘဒြပ်စင်အတွင်း၌မဆိုအခြားဒြပ်စင်ဟာ float ဒြပ်စင်ပတ်ပတ်လည်စီးဆင်းလိမ့်မယ်။
တစ်အပိုဒ်နှင့်အတူအကောင်းဆုံးအကျိုးသက်ရောက်မှုရဖို့ကကွန်တိန်နာ (မိဘ) ဒြပ်စင်ထက်သေးငယ်ရဲ့သောအပိုဒ်တစ်ဦး width ကိုတင်ထားရန်အကောင်းဆုံးပါပဲ။
အပိုဒ်အတွင်းပိုင်းစာသား align
ပွဲတစ်ပွဲ, အပိုဒ်စာသားကိုများအတွက်စိတ်ဝင်စားစရာအကောင်းဆုံး alignment ကိုလက်ျာနှင့် window ၏လက်ဝဲဘက်နှစ်ဖက်နှစ်ဦးစလုံးမှ, မရှိမဖြစ်လိုအပ်တဲ့, aligned စာသားဖော်ပြရန် browser ကိုပြောထားသည်ထားတဲ့ "တရားမျှတ" ဖြစ်ပါတယ်။
တစ်ပိုဒျတှငျစာသားအပြစ်လွတ်စေ, သင် text-align ကိုသုံးပါလိမ့်မယ်။
သငျသညျကိုလညျး text-align သုံးပြီးလက်ျာဘက်၌ရန်အပိုဒ်သို့မဟုတ်လက်ဝဲပါ (ပုံသေ) အတွင်း၌အားလုံးစာသား align နိုင်ပါတယ်။
အဆိုပါ text-align element ကိုအတွင်းပိုင်းစာသား align ပါလိမ့်မယ်။ နည်းပညာပိုင်းကအပိုဒ်သို့မဟုတ်အခြားဒြပ်စင်အတွင်း၌ပါရှိသောဖြစ်ကြောင်းပုံရိပ်တွေ align ထင်ပေမယ့်အများဆုံး browser များကဤပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုများအတွက် inline အဖြစ်ပုံရိပ်တွေပြုမူဆက်ဆံမဟုတ်ပါဘူး။
align လုပ်ဖို့ပုံများ
ပုံတစ်ပုံကို tag ကိုပေါ်ကတော့ float property ကိုသုံးပြီးသင်စာမျက်နှာပေါ်တွင်ပုံရိပ်များ၏နေရာချထားသတ်မှတ်နိုင်ပြီးဘယ်လိုစာသားသူတို့ကိုလှည့်ပတ်ခြုံပါလိမ့်မယ်။
ရုံအထက်အပိုဒ်လိုပဲ image ကို tag ထဲမှာကတော့ float စတိုင်ပိုင်ဆိုင်မှုစာမျက်နှာပေါ်တွင်သင်၏ပုံရိပ်နေရာနှင့်စာသားနှင့်ပုံရိပ်ကိုတဝိုက်အခြားဒြပ်စင်စီးဆင်းဖို့ဘယ်လို browser ကိုပြောထားသည်ပါလိမ့်မယ်။
စာသားမ image ကိုမျက်နှာပြင်ရဲ့ဘယ်ဖက်မှဖော်ပြပေးအဖြစ်အထက် image ကို tag ကိုညာဘက် image ကိုလှည့်ပတ်စီးဆင်းလိမ့်မယ်အောက်ပါ။
ငါစာသား image ကိုလှည့်ပတ်အရှေ့ဥရောပ, တောင်အာဖရိကရပ်တန့်ဖို့လိုပါလျှင်ကျွန်မရှင်းရှင်းလင်းလင်း property ကိုသုံး:
အပိုဒ်သန်းပို align လုပ်ဖို့
သို့သော်သင်သည်အဘယ်သို့ရုံအပိုဒ်သို့မဟုတ်ပုံရိပ်တစ်ခုထက် ပို. align ချင်တယ်ဆိုရင်? သငျသညျရိုးရှင်းစွာတိုင်းအပိုဒ်တစ်ဦးစတိုင်အိမ်ခြံမြေထားနိုင်ပေမယ့်သင်ကပိုထိရောက်ဖြစ်ပါသည်သုံးနိုငျတဲ့ tag ကိုလည်းမရှိ:
ရိုးရှင်းစွာအစာသားနှင့် (အပါအဝင်ပုံရိပ်တွေဝိုင်း က HTML tags များ ဟာ tag ကိုနှင့်စတိုင်အိမ်ခြံမြေ (float သို့မဟုတ် text-align) နှင့်အတူ) နှင့်ဌာနခွဲအတွက်အရာအားလုံးကိုသင်ကချင်ပါတယ်ဘယ်လို aligned ပါလိမ့်မည်။
အဆိုပါ tag ကို၎င်းအားအဆိုပါဌာနခွဲအတွင်းအပိုဒ်သို့မဟုတ်ရုပ်ပုံများကိုထည့်သွင်း align ဂုဏ်ပြုကြလိမ့်မည်ကိုသတိပြုပါ။