Cómo Centrar Un Div

Tabla de contenido:

Cómo Centrar Un Div
Cómo Centrar Un Div

Video: Cómo Centrar Un Div

Video: Cómo Centrar Un Div
Video: CÓMO CENTRAR UN DIV CON CSS 2024, Abril
Anonim

Los estándares de diseño de página modernos no prohíben el uso de diseño de tabla, sin embargo, el diseño en capas, de hecho, se ha convertido en un estándar obligatorio al crear sitios. Además de las ventajas obvias, la sustitución del diseño de la mesa ha traído consigo nuevos y pequeños problemas. Uno de ellos es la alineación horizontal de la estructura de bloques en la página. Veamos un par de formas prácticas de colocar la capa en el centro del ancho de la página.

Cómo centrar un div
Cómo centrar un div

Necesario

Conocimientos básicos de HTML

Instrucciones

Paso 1

Una de las opciones para resolver el problema de alinear una capa (bloque DIV) con el centro de la ventana de una página abierta se omite solo mediante HTML (HyperText Markup Language - "lenguaje de marcado de hipertexto"). Debes poner el bloque dentro de la etiqueta. El código de página más simple, presentado de esta manera, puede verse, por ejemplo, así:

Alinear un DIV con el centro

Paso 2

Otra opción usa CSS (hojas de estilo en cascada). En el estilo de la capa alineada, debe establecer la detección automática de la cantidad de desplazamiento de los bordes de la ventana. El código de dicha página en su forma más simple puede ser, por ejemplo, así:

Alinear un DIV con el centro

Recomendado: