¿Cómo centrar horizontalmente un elemento a nivel de bloque div?

1. La idea principal es establecer el margen: 0 automático para que el div lo centre.

2. El siguiente es el código para lograr el centrado horizontal de elementos a nivel de bloque div: (En el siguiente código, mi div tiene 200 px de ancho y 40 px de alto. El color de fondo es azul. El texto está horizontalmente. centrado.) De hecho, no hay nada especial que explicar. Sí, es un estilo, porque la respuesta de alta calidad de Baidu es "div está centrado horizontalmente", no "el elemento de nivel de bloque div está centrado horizontalmente". Te expliqué una pregunta muy sencilla,

lt;!DOCTYPE htmlgt;

lt;htmlgt;

lt;headgt;

lt ;meta charset="utf-8"gt;

lt;title gt;div centrado en la páginalt;/titlegt ?

lt;stylegt;

div{ ancho: 200px;

alto: 40px;

fondo: azul;?

text-align: center

línea; -altura: 40px;

margen: 0 automático

}

lt;/stylegt;

lt;/ headgt;?

lt;bodygt;

lt;divgt;Soy un div, ahora lo voy a centrar lt;/divgt;

lt;/ bodygt;

lt;/htmlgt;

Introducción a DIV:

DIV es una tecnología de posicionamiento en cascada en hojas de estilo, el nombre completo es DIVision. dividir. A veces también se les llama capas. DIV también se llama divisible en programación, lo que significa solo citar números enteros. El elemento DIV es un elemento utilizado para proporcionar estructura y contexto a grandes bloques de contenido (nivel de bloque) en documentos HTML (lenguaje de marcado universal estándar para aplicaciones).

Definición

lt; divgt; puede definir secciones o capítulos (secciones/secciones) en el documento.

lt;divgt; las etiquetas dividen un documento en partes separadas. Puede utilizarse como una herramienta estrictamente organizativa y no utiliza ningún formato asociado a ella.

Si utilizas etiquetas id o class, la etiqueta lt;divgt; será más efectiva.

Nota: lt; divgt; es un elemento a nivel de bloque, lo que significa que los navegadores generalmente ajustarán las líneas antes y después de los elementos div.

Consejo: utilice elementos lt;divgt; para agrupar elementos a nivel de bloque para que puedan formatearse usando estilos.