김코드의 웹디자인 세상

✏ justify-content justify-content는 플렉스 아이템들의 주축이 수평일 때 정렬방법을 지정해주는 속성이며 주로 사용되는 flew-start, flex-end, center 세 가지가 있다. 1. flex-start flex-start는 플렉스 아이템들을 시작점으로 정렬 즉 왼쪽 정렬시키는 속성이다. 기본적으로 아이템들은 왼쪽으로 정렬이 되어 있기 때문에 flex-start는 기본값으로 생각하면 된다. 2. flex-end flex-end는 플렉스 아이템들을 끝점으로 정렬 즉 오른쪽 정렬시키는 속성이다. 주축이 변경되지 않기 때문에 순서는 바뀌지 않는다는 것을 알고 있어야 한다. 3. center center는 플렉스 아이템들을 가운데 정렬시키는 속성이다. ✏ align-conten..