flexbox1 [CSS] Flexbox 속성 정리 flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 위 사이트는 css의 flexbox 속성을 이용한 간단한 게임이 있는 사이트입니다. 위 사이트에 있는 속성을 중심으로 flexbox의 속성을 정리해보았습니다. 1. justify-content 주축에 대해서 항목들을 어디로 정렬할지 결정합니다. flex-start: 요소들을 컨테이너의 왼쪽으로 정렬 flex-end: 요소들을 컨테이너의 오른쪽으로 정렬 center: 요소들을 컨테이너의 가운데로 정렬 space-between: 요소들 사이에 동일한 간격을 둠 space-around: 요소들 주위에 동일한 간격을 둠 2. align-items 교차축에 대.. 2020. 12. 13. 이전 1 다음