림찌의 개발일기 💻

flexbox 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식 위의 그림처럼 레이아웃을 잡을때 사용하는 속성이 몇가지 있다. 1. float: left, float: right 2. flex 3. grid 이 포스팅은 이 중 display: flex; 에 대해 알아보는 글이다. 단, flex는 보시다시피 IE6-9에서 지원을 하지 않으니 크로스 브라우징에 유의해서 사용할땐 사용을 지양하는 편이 좋다. 하지만 굉장히 편리한 css 속성이므로 과감하게 IE6-9를 버리는 것도 좋다고 생각한다... 1. Flexbox 구성 flex container : 부모(상위) 요소 flex item : 복수의 자식(..