Hvordan Sentrer en dynamisk DIV

Opprettelsen av et nettsted er en utfordrende oppgave. Nettstedet må være organisert, godt utformet, hyggelig ser og skiller seg ut blant de millioner av konkurrerende sider. Mens opprette, formatere og plassere innholdet ditt, kan du finne det nødvendig å bruke en dynamisk skillelinjen. Skillevegger, eller divs, fungere som en beholder for å holde innholdet og plassere den på siden. Som standard vil et dynamisk DIV ikke være sentrert på siden din. Enkle tillegg til koden vil sikre din DIV vises midt på siden.

Bruksanvisning

1 Legg justeringen attributt til din DIV tag med en verdi på "center". For eksempel:

<Div id = "test" align = "center">

Denne metoden vil fungere på dagens nettlesere, men kan ikke vises riktig i eldre nettlesere.

2 Lag en ekstra skillet for å inneholde innholdet. Bruk en helsides DIV å vikle din nåværende DIV og sette inn tekstjustering attributtet. Sett inn:

<Div id = "container" style = "text-align: center; width: 100%;">

direkte før dynamisk DIV. Lukk DIV ved å sette inn "</ div>" rett etter din dynamiske skillelinjen.

3 Bruk HTML "Center" tag. Sett "<Senter>" direkte før dynamisk DIV. Lukk tag ved å sette inn "</ center>" rett etter din dynamiske DIV-kode.

Hint

• Velg nøye basert på dine behov. Trinn 1 er den mest direkte metoden, men det er ikke støttet i eldre nettlesere. Trinn 2 er en work-around som legger en ekstra DIV til koden, men skal fungere på tvers av nettlesere. Trinn 3 vil fungere på alle nåværende og gamle nettleserversjoner, men "<center>" tag er ikke offisielt støttet eller oppmuntret HTML-kode og kan elimineres i fremtidige versjoner av enkelte nettlesere.