Hvordan Juster Marginene

Marginene hjelpe deg utpeke hvor innholdet på en webside begynner og slutter. Bredere marginer redusere mengden innhold du kan plassere på en side, mens mindre marginer øke dette beløpet. Bredden på websiden også påvirker innholdet størrelse. Du kan tilpasse marginer for siden eller en bestemt del og justere innholdet. Din innhold, inkludert tekst, grafikk og andre objekter, blir venstrejustert som standard hvis du ikke angir en justering.

Bruksanvisning

1 Sett følgende "DOCTYPE" erklæring før åpningen HTML-koden i HTML-filen:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2 Lag en stil under åpningskoden for å justere innholdet på siden din som følger. Det setter din venstre og høyre marg til auto og din topp- og bunnmargen til null i kroppen og wrapper på websiden. Det sentre siden, men venstre-justert innholdet.

<Style type = "text / css">

<! -

kropp {

margin: 0 auto;

text-align: center;

}

mywrapper {

margin: 0 auto;

text-align: left;

width: 80%;

}

->

</ Style>

3 Erstatt "text-align: center;" for "kroppen" velgeren med "text-align: left;" "Text-align: right;" eller "text-align: rettferdiggjøre;" avhengig av justeringen man ønsker å bruke. Stilen er brukt på websiden.

4 Erstatt "text-align: left;" for "mywrapper" velgeren med justeringen du vil angi. Endre dette påvirker hele beholderen på websiden. Hvis du vil endre justeringen, erstatte "venstre" med "riktig", "rettferdiggjøre" eller "center". For å gjøre siden bredere eller smalere, erstatte "80%;" med bredden du ønsker å bruke.

5 Gå til kroppen koden og legge til "mywrapper" stil til den beholderen du vil justere som følger:

<Div id = "mywrapper"> justert innholdet </ div>