하이베리의 소소한 일상

지난 시간에 margin 과 padding 으로 객체를 정렬하는 방법을 포스팅 했었는데

display: flex; 기능을 이용해 객체들을 손쉽게 정렬할 수 있다.

display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

flex-direction 의 경우 column 과 row 가 있는데 column 는 객체들을 세로로 나열, row 는 가로로 나열하기 이다.

참 편한 기능인 듯 하다.