တစ်ဦး Fixed Width ကို Layout နဲ့စာရွက်စာတမ်းစင်တာသို့ CSS ကိုသုံးပါ

ပုံသေအကျယ်အပြင်အဆင်ထွက်အဲဒီမှာပေါ်ပြူလာက browser အချို့နှင့်အတူအဓိကထားရန်ခက်ခဲစေနိုင်ပါတယ်, ဒါပေမယ့်ဒါဟာဖြစ်နိုင်ပါသည်, code ကိုသာအနည်းငယ်လိုင်းများနှင့်အတူ။

ဤတွင် & # 39; ဘယ်လို့

1. သင့်ရဲ့ HTML ကိုအယ်ဒီတာတစ်ဦး CSS ကိုကိုနှိပ်ပြီးနှင့်အတူသစ်တစ်ခုက Web page ကိုဖန်တီးပါ။
2. သင်စာမျက်နှာပေါ်တွင်အရာအားလုံးကိုသိုလှောင်ပါမယ်ရှိရာစာမျက်နှာပေါ်တွင်အဓိကဒြပ်စင်အဖြစ် div element ကိုဖန်တီးပါ။
3. ကြောင်း div element ကစာမျက်နှာပေါ်တွင်ထူးခြားသောကြောင်းတစ်ခု ID ကိုပေးပါ။
4. သင့်ရဲ့ CSS ကို style sheet ကိုဖွင့်နှင့်သင့် div element ရဲ့ width ကိုခန့်ထား၏။ div # အဓိက {width: 750px; }
5. သင့်ရဲ့ div ဗဟိုမှအလိုအလျှောက်အမြတ်ထည့်ပါ။ div # အဓိက {width: 750px; margin-လက်ဝဲ: အော်တို; margin-ညာဘက်: အော်တို}
6. Netscape က 4, နှင့် IE ကို 4 က fix မှ - 6 ( quirks mode ကို ) ကိုကိုယျခန်ဓာပျေါမှာ text-align ထည့်ပါ။ ခန္ဓာကိုယ် {text-align: စင်တာ; }
7. text-align ထည့်သွင်းခြင်းအားဖြင့်သင့် #main div အတွက်စာသား Re-align ဒါသို့သော်ထို့နောက်အားလုံးစာသားထဲမှာဗဟိုပြုနေပါသည်: left; အဲဒီမှာပါ။ div # အဓိက {width: 750px; margin-လက်ဝဲ: အော်တို; margin-ညာဘက်: အော်တို; text-align: left; }
8. သင့်စာမျက်နှာနှင့်သင့်စတိုင်စာရွက်သိမ်းဆည်းပါ။
9. အများအပြားက Web browser များအတွက်စမ်းသပ်။

အဖျား

ဒါကအပြင်အဆင် box ကိုသော်လည်းမကအတွင်းအကြောင်းအရာအဓိကထားပါလိမ့်မယ်။ အတွင်း content တွေကိုအဓိကထားဖို့ text-align ကိုသုံးပါ။