flex-wrap 이해하기
flex-wrap 속성이란? flex-wrap 속성이란 Flex 컨테이너 내의 아이템들이 주 축을 따라 한 줄에 배치될지, 아니면 여러 줄에 걸쳐 배치될지를 결정한다. flex-wrap 속성에는 아래와 같은 값을 사용할 수 있다.nowrap : 기본값으로, 모든 아이템을 한 줄에 배치한다. 아이템들이 컨테이너의 너비를 넘어서도 한 줄에 계속 배치된다.wrap : 아이템들을 여러 줄에 걸쳐 배치한다. 주 축을 따라 공간이 부족하면 자동으로 줄 바꿈이 일어난다.wrap-reverse : 아이템들을 여러 줄에 걸쳐 반대 방향으로 배치한다. wrap과 동일하게 줄 바꿈이 일어나지만, 아이템들이 반대 방향으로 쌓인다.flex-wrap: nowrap; flex-wrap: wrap; flex-wrap: wrap-re..
CSS
2024. 7. 4. 09:02