Hvordan Sentrer DIV i en CSS Layout

Hvordan Sentrer DIV i en CSS Layout


Cascading Style Sheets, eller CSS, kan du formatere HTML-dokumenter på en rekke måter, inkludert farge endring, kant dekorasjon og layout posisjonering. HTML DIV elementet gjør det mulig for deg å inkludere flere innholdstyper i en enkelt enhet eller gruppe. Standard posisjonering for en DIV er igjen. Legg CSS-koden til div style definisjonen å sentrere din DIV.

Bruksanvisning

1 Åpne din CSS stilark eller websiden som inneholder definisjonen DIV stil. Det ligner på dette:

<Style type = "text / css">

div{ background-color: #CCC;}

</ Style>

2 Skriv inn "margin" kode med en verdi på "auto" for å sentrere DIV:

<Style type = "text / css">

div{ background-color: #CCC; margin-left:auto; margin-right:auto;}

</ Style>

3 Lagre dokumentet og laste websiden i en nettleser for å vise effektene av stil endringen.