Mini programa WeChat: la solución final al problema de que el texto no se puede centrar es——

Cuando estaba trabajando en un programa pequeño recientemente, necesitaba usar un diseño flexible. Encontré que el centro vertical está alineado verticalmente: altura media o de línea.

Más tarde se descubrió que ninguno podía centrar completamente la imagen y el texto. ¿Qué puedo hacer?

Agregué vertical-align:middle a la clase start_k, pero no funcionó. Luego usé line-height, pero aún así no funcionó.

No hay imágenes ni texto que no estén alineados en el centro. Finalmente, se alinean en el centro cambiando a align-items:center.

Finalmente, verifiqué las propiedades de align-items:center;

Alinear los elementos del flex box al centro:

Ver { display:flex ;

p>

Align-items: center;

}

Sin embargo, también encontré el problema de que align-items: center no se puede centrar Después de pensar durante mucho tiempo, finalmente encontré una solución.

La solución se puede encontrar en la entrada del blog.

[Solución de elementos FlexAlign: el centro no se puede centrar (subprograma WeChat)]

Sitio web: (blogs.com/zzd0916/p/7218451.html)