flexbox #css #web #flex

[WEB/CSS] flexbox

flex : 요소들을 자유자제로 뮈치 시키는 속성 : flexbox는 구현이 어려운 레이아웃을 간단하게 구현할 수 있게 css3에 추가된 레이아웃 방식이다. : flex-grow, flex-shrink, flex-basis의 축약속성 구성 flexbox는 자식 요소인 flex item과 상위 부모 요소인 flex container로 구성된다. 기본 사용 세팅 flexbox를 만들기 위해서는 부모 요소에 display: flex 속성을 선언하면 된다. .flex_container { display: flex; } 속성 1) 부모 속성 (container) flex-direction : flexible item이 flex 컨테이너 안에 위치되는 방법 지정 [속성값 : row, row-reverse, colu..