1. Flex-direction se utiliza para controlar la dirección de diseño general de los elementos secundarios, ya sea de izquierda a derecha o de derecha a izquierda, de arriba a abajo o de abajo a arriba.
2. Especifique cómo se distribuyen los elementos internos en el contenedor flexible y defina la dirección del eje principal (hacia adelante o hacia atrás).
Ejemplo
.lista1 {
ancho: 27%;
parte superior acolchada: 0,5 rem;
estilo de lista: ninguno;
desbordamiento: oculto;
pantalla: flexible;
dirección flexible: columna;
altura máxima: 6rem;
}
.lista1 .cuadro de lista {
ancho: 100%;
posición: relativa;
relleno izquierdo: 0,2rem;
izquierda: 1,35rem;
derecha: automático;
}Lo anterior es una introducción al atributo flex-direction en CSS. Espero que sea útil para todos.