Hvordan Sentrer Min hele nettsiden

Et sentrert websiden gir de besøkende en praktisk måte å se på arbeidet ditt, fordi siden din vises alltid i sentrum av en nettleser, selv om betrakteren krymper eller strekker vinduet. Tradisjonelt nettsteder justere til venstre i nettleseren, men du har muligheten til å legge Cascading Style Sheets (CSS) til å lage regler for hvordan man skal gjengi skjermen. Få tilgang til datamaskinens tekst editor for å gå inn i CSS-kode som sentrerer hele websiden.

Bruksanvisning

1 Ta opp din tekst editor programvare og starte din webside fil. Skriv inn følgende mellom "<head> </ head>" koder for å skape et sted holder for din CSS-regler:

<Style type = "text / css">

<! -

->

</ Style>

2 Skriv inn "body" class regel mellom streker i koden ovenfor og skriv "margin: 20px 0px;" og "padding: 0px;" mellom klammeparenteser. Videre skriver du "text-align: center;" for å sikre at siden din vises sentrert på Internet Explorer 5 nettleser. Å illustrere:

body {margin: 20px 0px; padding: 0px; text-align: center; }

3 Skriv inn et ord som du selv velger, for eksempel "#main", som navngir CSS regelen som styrer innholdet innretting på siden din. Enter "width", "margin", "text-align" og "padding" attributter i klammeparenteser som følger:

Hoved {width:; margin: ; text-align:; padding:; }

4 Skriv inn et tall etter bredden for å bestemme den horisontale lengden på websiden. Skriv inn en verdi etter polstring for å angi hvor mye tomrom det er mellom teksten og eventuelle grenser siden din. Skriv "0px auto" etter "margin" og "venstre" etter "text-align" for å støtte sentrum innretting mål. For eksempel:

Hoved {width: 650 piksler; margin: 0px auto; text-align: left; padding: 10px; }

5 Lagre filen. Din komplette koden nå ser ut som følger:

<Style type = "text / css">

<! -

body {margin: 20px 0px; padding: 0px; text-align: center; }

Hoved {width: 650 piksler; margin: 0px auto; text-align: left; padding: 10px; }

->

</ Style>

Hint

  • Du har muligheten til å endre "20px" verdien av margin (trinn 2) for å kontrollere hvor mye plass vises øverst og nederst på websiden.
  • Forhåndsvise arbeidet ved å velge nettleserens "Open" eller "Åpne fil" under "File" -menyen og velg deretter websiden fra dialogboksen som vises.