Hvordan Sentrer en HTML-Body

HTML-body-koden inneholder attributtene til websiden, for eksempel sine skrifter, bakgrunnsfarge og justering. Standard justering for body-koden er satt til å justere tekst til venstre. Sentre hjelper deg å balansere innholdet på siden din i en nettleser. Dessverre, sentre fungerer annerledes i enkelte nettlesere, som Internet Explorer og Netscape Navigator 4. Som sådan, bør du kode spesielt for de forskjellige nettleserne der siden din kan vises. Den text-align og margin egenskaper håndtere sentre.

Bruksanvisning

1 Åpne et tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad. Velg "File" og "Open" fra menyen, og dobbeltklikk på HTML-filen du vil redigere.

2 Gå til hodet tag filen og sette inn følgende kode for å skape en stil som sentre siden din i flere nettlesere. Koden "margin 0 auto;" setter topp- og bunnmarg til null og venstre og høyre marg skal justeres automatisk. Koden "text-align: center;" sentre siden din.

<Style type = "text / css">

<! -

kropp {

margin: 0 auto;

text-align: center;

}

wrapper {

margin: 0 auto;

text-align: left; /

Hindrer innholdet i omslaget fra sentrering så vel i Firefox /

}

->

</ Style>

3 Sett inn følgende kode mellom åpning og lukking body-koder for å bruke sentrert container med venstrestilt tekst:

<Div id = "wrapper"> innholdet på siden din </ div>