Engineering WIKI/HTML & CSS1 CSS - 이번에야말로 CSS Flex를 익혀보자 Flex의 속성들은, 컨테이너에 적용하는 속성 아이템에 적용하는 속성 이렇게 두 가지로 나뉘어요. 먼저, 컨테이너에 적용하는 속성들 부터 알아볼게요. 한땀한땀 구현원리를 공부하자! Flex 컨테이너에 적용하는 속성들 display: flex; Flex 컨테이너에 display: flex;를 적용하는게 시작이예요. 이 한 줄의 CSS만으로 아이템들은 기본적으로 아래 그림과 같이 배치됩니다. .container { display: flex; /* display: inline-flex; */ } AAA BBBBBBBBBBB CCCCC blockflex 직접 테스트 해보세요 Flex 아이템들은 가로 방향으로 배치되고, 자신이 가진 내용물의 width 만큼만 차지하게 되지요. 마치 inline 요소들 처럼요. h.. 2021. 4. 26. 이전 1 다음
