Uporabite CSS za centriranje dokumenta s postavitvijo fiksne širine

Postavitve s fiksno širino je težko centrirati z nekaterimi priljubljenimi brskalniki, vendar je mogoče z le nekaj vrsticami kode.

Tukaj je Kako

1. Ustvarite novo spletno stran s slogovno oznako CSS v urejevalniku HTML.
2. Ustvarite element div kot glavni element na strani, kjer boste vse shranili na strani.
3. Daj div elementu ID, ki je edinstven na strani.
4. Odprite svoj slogovni list CSS in nastavite širino svojega elementa div. div # glavna {width: 750px; }
5. Dodajte samodejne robove, da boste osredotočili svojo div. div # glavna {width: 750px; margin-left: auto; margin-right: auto}
6. Če želite to popraviti za Netscape 4 in IE 4-6 ( način preklopa ), dodajte poravnavo besedila na telo. telo {text-align: center; }
7. Ampak potem je vsa besedila v notranjosti osredotočena, zato ponovno uskladite besedilo v svojem #main divu z dodajanjem besedila: levo; tam. div # glavna {width: 750px; margin-left: auto; margin-right: auto; poravnava besedila: levo; }
8. Shranite svojo stran in vaš slogovni list.
9. Preizkusite v več spletnih brskalnikih.

Nasvet

To bo osredotočilo na postavitev, vendar ne na vsebino v njej. Uporabite poravnavo besedila, da se osredotoči na notranjo vsebino.