Vaste wydte-uitlegte kan moeilik wees om te senter met sommige van die gewilde blaaiers daar buite, maar dit is moontlik, met slegs 'n paar reëls kode.
Hier is hoe
- Skep 'n nuwe webblad met 'n CSS-styleblad in u HTML-redakteur.
- Skep 'n div element as die hoofelement op die bladsy waar jy alles op die bladsy sal stoor.
- Gee die div element 'n ID wat uniek is op die bladsy.
- Maak jou CSS-stylblad oop en stel die breedte van jou div-element in. div # main {width: 750px; }
- Voeg outomatiese marges by om jou div te sentrum. div # main {width: 750px; marge-links: outomaties; marge-regs: motor}
- Om dit vir Netscape 4 en IE 4 - 6 ( quirks mode ) op te los, voeg 'n teks-belyning op die liggaam. lyf {text-align: center; }
- Maar dan is al die teks binne gerig, dus herlei die teks in jou #main div deur teks-belyning toe te voeg: links; daar binne. div # main {width: 750px; marge-links: outomaties; marge-regs: motor; teks-belyning: links; }
- Stoor jou bladsy en jou stylblad.
- Toets in verskeie webblaaiers.
tip
Dit sal die uitlegkassie sentreer, maar nie die inhoud daarvan nie. Gebruik teksbelyn om die innerlike inhoud te sentreer.