flex-direction 아이템 방향

See the Pen flex-direction by nilgi (@nilgi) on CodePen.

 

.fc1 {
        display: flex;
        flex-direction: column; / 세로 나열. 위에서 아래로
}

.fc2 {
        display: flex;
        flex-direction: column-reverse; / 세로 나열. 아래에서 위로
}

.fc3 {
        display: flex;
        flex-direction: row; / 가로 나열. 왼쪽에서 오른쪽으로
}

.fc4 {
        display: flex;
        flex-direction: row-reverse; / 가로 나열. 오른쪽에서 왼쪽으로
}