WARP1 css flex-warp 속성 css flex-wrap 속성은 주축의 방향에 따라서 교차 축을 기준으로 요소들을 정렬하는 방법입니다. 주축의 방향은 flex-direction 속성으로 변경할 수 있습니다. 주축(MAIN AXIS)이 기본적으로 가로방향이고 교차 축(CROSS AXIS)이 세로방향입니다. 주축을 세로 방향으로 변경하면 교차축이 가로 방향으로 되고 주축을 가로 방향으로 변경하면 교차 축이 세로 방향이 됩니다. 주축 가로 방향 교차 축 세로 방향 요소들을 열 방향으로 정렬시켜 줍니다. 주축 세로 방향 교차 축 가로 방향 요소들을 행 방향으로 정렬시켜 줍니다. 마무리 justify-content 값에 따라서 다양하게 정렬할 수 있고 wrap-reverse를 주면 반대방향으로 정렬이 됩니다. 2023. 3. 24. 이전 1 다음
