display:flex

[CSS] Flexbox 톺아보기 (flex-grow,shrink,basis)

기존 float와 inline-block가 가지는 레이아웃 설정에서의 한계점을 보완하는 Flexbox에 대해 공부해 보았다. flex container에 적용하는 속성 flex container 의 자식요소인 flex item에 적용하는 속성 flexbox를 사용하려면 부모태그인 container를 설정하고 CSS로 flex를 설정한다. //html //css .container { display: flex; } flex 설정 후 width -> content의 크기만큼. height-> 부모 컨테이너의 높이만큼 늘어남. ▶container에 적용하는 속성 - flex-direction : row(default) / row-reverse / column / column-reverse reverse 속성은..