Shandisa CSS kuti Ipe Nyaya Dhidhiyo neAiyo Fixed Width Layout

Fixed width layouts zvingava zvakaoma kuisa vamwe vezvinyorwa zvinozivikanwa kunze uko, asi zvinogoneka, neine mitsetse mishoma ye code.

Pano & # 39; s Sei

1. Gadzira peji yeWebhu peji neCSS stylesheet mu HTML yako editor.
2. Gadzira div element sechinhu chikuru pane peji apo iwe uchachengetedza zvinhu zvose pa peji.
3. Ipai iyo div element chidimbu icho chakasiyana pane peji.
4. Vhura CSS yako yepeji pepa uye uise hupamhi hwe div yako element. div # main {width: 750px; }
5. Wedzera zvikamu zvitsvene kuti uise peji yako. div # main {width: 750px; marginal-left: auto; marginal-right: auto}
6. Kuti uigadzirise iyo Netscape 4, uye IE 4 - 6 ( quirks mode ) wedzera mavara-akafananidza mumuviri. muviri {text-align: center; }
7. Asi ipapo zvinyorwa zvose zviri mukati zviri mukati, saka gadzirisa zvakare zvinyorwa mu #main div yako nekuwedzera mashoko-align: kuruboshwe; imomo. div # main {width: 750px; marginal-left: auto; marginal-right: auto; text-align: kuruboshwe; }
8. Chengetedza peji rako uye yako chidimbu chepepa.
9. Edza muzvikwata zvakasiyana-siyana zveWebhu.

Tip

Izvi zvichaisa bhokisi rekuisa asi kwete zviri mukati mazvo. Shandisa zvinyorwa-fambisa kuisa mukati mezviri mukati.