Flexbox 플레이그라운드
flex 정렬을 시각적으로 실험하고 CSS를 복사합니다.
컨테이너 설정
flex-direction
row
row-reverse
column
column-reverse
flex-wrap
nowrap
wrap
wrap-reverse
justify-content
flex-start
flex-end
center
space-between
space-around
space-evenly
align-items
stretch
flex-start
flex-end
center
baseline
align-content
stretch
flex-start
flex-end
center
space-between
space-around
space-evenly
align-content는 여러 줄(wrap)일 때만 효과가 있습니다.
gap
10px
아이템 개수
−
5
+
미리보기
CSS
CSS 복사