FLEX1 [CSS] flex 사용법 알아보기 - 띵코딩 on Code flex란? flex는 display 속성 중 하나로 Flexible Box Layout란 뜻으로 컨테이너 박스 내에서 아이템들을 유연하게 배치 가능하게 해주는 레이아웃 속성이다. 화면의 크기에 상관없이 요소의 크기와 위치, 정렬 등을 설정해주기 때문에 반응형 레이아웃에서도 유용하게 쓰인다. flex의 전용 요소들 flex-direction : 컨테이너 내의 아이템을 배치할 때 사용할 주축을 지정합니다. flex-direction: row; // 가로축을 주축으로 왼쪽부터 시작하여 정렬된다. flex-direction: row-reverse; // 가로축을 주축으로 오른쪽부터 시작하여 정렬된다. flex-direction: column; //세로축을 주축으로 위에서부터 시작하여 정렬된다. flex-dir.. 2023. 9. 11. 이전 1 다음