코딩 농장

자꾸 안에 속성들을 까먹어서 구글링 하는 나를 위해 CSS의 Flexible Box 속성을 정리해보려고 한다. 아래처럼 div가 구성되어있다고 하자. /* 내가 자주 쓰고 잘 아는 부분 */ Container 에게 Flex를 줘야한다. display: flex / inline-flex container가 inline이 되느냐, 아니냐의 차이같다. 그 다음 속성으로는 내부 item의 방향을 정하자. flex-direction: row / column / row-reverse / column-reverse 방향을 정했더니, item이 삐져나갔네. 줄바꿈 처리를 하자. flex-wrap: no-wrap / wrap / wrap-reverse 위 두개를 같이 하자. flex-flow: row wrap / dir..