목록Flex (1)

오늘보다 더 나은 내일

[수업노트](20.11.11)D+24 flex froggy/ flex정리

1. justify-content : 가로 선상 정렬 - flex-start : 요소들을 컨테이너 좌측 정렬 - flex-end : 요소들을 컨테이너 우측 정렬 - center : 요소들을 컨테이너 중앙 정렬 - space-between : 요소들 사이에 동일한 간격 - space-around: 요소들 주위에 동일한 간격 2. align-items : 세로 선상 정렬 - flex-start : 요소들을 컨테이너 상단 정렬 - flex-end : 요소들을 컨테이너 하단 정렬 - center : 요소들을 컨테이너 세로선상 중앙정렬 - base-line : 요소들을 컨테이너 시작위치 정렬 - stretch : 요소들을 컨테이너에 맞도록 늘린다. 3. flex-direction : 컨테이너 내의 요소들의 정렬방..
국비지원 UX UI 디자인/코딩 수업 2020. 11. 14. 02:17
이전 Prev 1 Next 다음