justify-content: centro;
Como su ejemplo está usando columnas para la dirección de flexión, justify-content afecta el eje principal (vertical) y los elementos de alineación serían para el eje secundario (horizontal). Sería al revés para las filas.
También tienes errores aquí:
- Cómo obtener la dirección lógica
- ¿Qué campo de la informática cree que se verá más afectado si se demuestra P = NP?
- ¿Cuál es la diferencia entre 'progreso' y 'espera limitada', que son los dos requisitos para manejar el problema de la sección crítica en un sistema operativo?
- ¿Existe un CRM de código abierto gratuito que pueda instalar en mi propio servidor?
- ¿Cómo se elimina un espacio vacío de un espacio de almacenamiento?
cuerpo> div {
pantalla: flex;
flex: ajuste de fila;
dirección flexible: columna;
alinear elementos: centro;
}
- Debe ser de flujo flexible, no flexible
- Flex-flow es la abreviatura de flex-direction y flex-wrap
Entonces esto debería reducirse a:
cuerpo> div {
pantalla: flex;
flujo flexible: envoltura de columna;
alinear elementos: centro;
}
También puede estar confundido debido a cómo organizó sus selectores CSS. En su escenario, estos dos afectan el mismo elemento:
- cuerpo> div
- gemelos .va
Uno está cerca de la parte superior y otro cerca de la parte inferior, por lo que puede estar olvidando que se está sobrescribiendo.