728x90 flex-direction1 [CSS] flexbox 개념 및 속성 설명(flex-direction / flex-wrap / flex) Flexbox는 CSS3에 새롭게 반영된 레이아웃 모듈이다(Flexible Box module) 인터페이스 내의 아이템 간 공간 배분 강력한 정렬 기능 1차원 레이아웃 모델 Flexbox는 레이아웃을 다룰때 한번에 하나의 행이나 열만을 다루기 때문에 1차원이라고 이야기를 한다. flexbox는 주축과 교차축이라는 두개의 축에 대해 작동하므로 어떻게 동작하는지 확인하고 이해하는 것이 중요함. 크게 속성을 살펴보면 다음과 같다. 1.flex 컨테이너 -문서의 영역 중에서 flexbox가 놓여있는 영역을 가르킨다. -flex 컨테이너를 생성하려면 컨테이너 요소의 display 값을 flex 혹은 inline-flex로 지정한다. .container { display : flex } 2.flex-directio.. 2019. 4. 16. 이전 1 다음 728x90
