Com Centrar Un Div

Taula de continguts:

Com Centrar Un Div
Com Centrar Un Div

Vídeo: Com Centrar Un Div

Vídeo: Com Centrar Un Div
Vídeo: Centrar un Div con CSS #3 2024, Abril
Anonim

Els estàndards moderns de disseny de pàgines no prohibeixen l’ús del disseny de taules, però, el disseny per capes, de fet, s’ha convertit en un estàndard obligatori a l’hora de crear llocs. A més dels evidents avantatges, la suplantació del disseny de la taula ha comportat alguns grans i petits problemes. Un d’ells és l’alineació horitzontal de l’estructura de blocs a la pàgina. Vegem un parell de maneres pràctiques d'establir la capa al centre de l'amplada de la pàgina.

Com centrar un div
Com centrar un div

Necessari

Coneixements bàsics d'HTML

Instruccions

Pas 1

Una de les opcions per resoldre el problema d'alinear una capa (bloc DIV) al centre de la finestra d'una pàgina oberta només s'omet per mitjà d'HTML (HyperText Markup Language - "llenguatge de marcatge d'hipertext"). Cal posar el bloc dins de l’etiqueta. El codi de pàgina més senzill, dissenyat d'aquesta manera, pot semblar, per exemple, així:

Alineació d'un DIV al centre

Pas 2

Una altra opció utilitza CSS (Cascading Style Sheets). A l'estil de la capa alineada, heu d'establir la detecció automàtica de la quantitat de desplaçament des dels límits de la finestra. El codi d'aquesta pàgina en la seva forma més senzilla pot ser, per exemple, així:

Alineació d'un DIV al centre