Fiksuoto pločio išdėstymą gali būti sunku sutelkti su kai kuriomis populiariomis naršyklėmis, tačiau tai įmanoma, turint tik kelias kodo eilutes.
Čia kaip
- Savo HTML redaktoriuje sukurkite naują tinklalapį su CSS stiliaus lentele.
- Sukurkite div elementą kaip pagrindinį elementą puslapyje, kuriame bus saugomi visi puslapyje esantys elementai.
- Suteikite šį div elementą ID, kuris yra unikalus puslapyje.
- Atidarykite CSS stiliaus lapą ir nustatykite savo div elemento plotį. div # main (width: 750px; }
- Pridėkite automatines paraštes, kad centruotumėte savo div. div # main (width: 750px; margin-left: auto; marža-dešinė: auto}
- Norėdami ją išspręsti "Netscape 4" ir "IE 4 - 6" (" quirks" režimas ), prie kūno pridėkite tekstą. kūnas {text-align: center; }
- Bet tada visas tekstas viduje yra centre, todėl iš naujo suderinkite tekstą su savo #main div, pridedant teksto išlyginimo: kairėje; ten. div # main (width: 750px; margin-left: auto; atsarginė pusė: automatinė; text-align: left; }
- Išsaugokite savo puslapį ir savo stiliaus lapą.
- Bandykite keliose interneto naršyklėse.
Patarimas
Tai centruos išdėstymo laukelį, bet ne jo turinį. Naudodamiesi teksto lygiu, centruokite vidinį turinį.