Een Div Centreren

Inhoudsopgave:

Een Div Centreren
Een Div Centreren

Video: Een Div Centreren

Video: Een Div Centreren
Video: 24 Uur Lang Wonen In Een Onderwaterhuis! 2024, November
Anonim

Moderne standaarden voor paginalay-out verbieden het gebruik van tabellay-out niet, maar gelaagde lay-out is in feite een verplichte norm geworden bij het maken van sites. Naast de voor de hand liggende voordelen, heeft het verdringen van de tafelindeling een aantal nieuwe grote en kleine problemen met zich meegebracht. Een daarvan is de horizontale uitlijning van de blokstructuur in de pagina. Laten we een paar praktische manieren bekijken om de laag in het midden van de paginabreedte in te stellen.

Een div centreren
Een div centreren

Noodzakelijk

Basiskennis van HTML

instructies:

Stap 1

Een van de opties voor het oplossen van het probleem van het uitlijnen van een laag (DIV-blok) naar het midden van het venster van een geopende pagina wordt alleen omzeild door middel van HTML (HyperText Markup Language - "hypertext markup language"). Je moet het blok in de tag plaatsen. De eenvoudigste paginacode, op deze manier ingedeeld, kan er bijvoorbeeld als volgt uitzien:

Een DIV uitlijnen op het midden

Stap 2

Een andere optie maakt gebruik van CSS (Cascading Style Sheets). In de stijl van de uitgelijnde laag moet u de automatische detectie van de hoeveelheid offset van de vensterranden instellen. De code van zo'n pagina in zijn eenvoudigste vorm kan er bijvoorbeeld zo uitzien:

Een DIV uitlijnen op het midden

Aanbevolen: