Alineación de estilos de extensión en CSS

El elemento span es un elemento en línea y no tiene características de ancho. Configurar el atributo text-align no tendrá ningún efecto. Por lo tanto, el tipo de visualización del elemento span debe convertirse para que tenga nivel de bloque. características.

Método 1: establezca el atributo de visualización de intervalo en bloque.

...

Método 2: establecer el intervalo El atributo de visualización es inline-block. Este método requiere configurar manualmente el ancho del tramo.

...

Información de extensión

Según la forma de visualización de los elementos, las etiquetas HTML se dividen principalmente en elementos de bloque y elementos en línea.

Características de los elementos del bloque:

1. Siempre comienza en una nueva línea.

2. Se pueden controlar la altura, la altura de la línea, los márgenes y el relleno.

3. El ancho predeterminado es el 100% de su contenedor, a menos que se establezca un ancho.

4. Puede acomodar elementos en línea y otros elementos de bloque.

Características de los elementos inline:

1. En la misma línea que otros elementos.

2. La altura, los márgenes y el relleno no se pueden cambiar.

3. El ancho es el ancho de su texto o imagen y no se puede cambiar.

4. Los elementos en línea solo pueden contener texto u otros elementos en línea.

Materiales de referencia:

Enciclopedia Baidu-Elementos de bloque

Enciclopedia Baidu-Elementos en línea