css flex

CSS Flex 속성 사용 방법 🩸이슈 발생 이제 잘 안 쓰인다는 테이블, float 대신 flex 사용해 보기 1. Flex 기본 사용 구조 2. Container 적용 속성 - 배치방향 : flex-direction - 줄 넘김 : flex-wrap - 정렬 : 메인 축 방향 / 수직 축 방향/ 여러 행 정렬 3. 예시 * Grid 속성과의 차이점 Flex Grid 레이아웃 방향 수평 모든 방향 아이템 크기 자유로움 (유동적) 미리 정의됨 (고정적) 특징 레이아웃 변화 없을 때 사용 🩹이슈 해결 1. Flex 사용 기본 구조 : html, css 아이템1 아이템2 아이템3 .container{ display: flex; } 2. Container 적용 속성 1. 배치 방향 : flex-directio..