| 부모 요소 속성 | 설명 | 자식 요소 속성 | 설명 |
| display | 정의 | order | 순서 |
| flex-direction | 방향 | flex-grow | 증가값 |
| flex-wrap | 줄 바꿈 | flex-shrink | 수축값 |
| flex-flow | direction+wrap | flex-basis | 기본값 |
| justify-content | 가로정렬 | flex | grow + shrink |
| align-items | 세로정렬 | align-self | 세로 정렬 |
| align-content | 열 간격 |
https://brunch.co.kr/@swimjiy/25
CSS flexbox 톺아보기 - 1. 부모 요소 속성
효과적으로 레이아웃을 배치할 수 있는 flexbox 속성을 알아보자 | Flexbox는 브라우저의 크기 혹은 요소의 크기가 동적이거나 명시되지 않은 경우에 문서 내의 공간에 대한 배치, 정렬 및 분산을 효
brunch.co.kr
https://brunch.co.kr/@swimjiy/26
CSS flexbox 톺아보기 - 2. 자식 요소 속성
효과적으로 레이아웃을 배치할 수 있는 flexbox 속성을 알아보자 | 지난 포스트에서 flexbox 속성 중 부모 요소에 적용되는 속성들을 정리했다면, 이번 포스트에서는 자식 요소에 적용하는 속성에
brunch.co.kr
'WIL&TIL > TIL' 카테고리의 다른 글
| 20230515 TIL - display:none; (15) | 2023.05.15 |
|---|---|
| 20230512 TIL - Javascript 기초 (0) | 2023.05.13 |
| 20230510 TIL - 테스트 코드 (0) | 2023.05.10 |
| 20230509 TIL - 알고리즘 (0) | 2023.05.09 |
| 20230508 TIL - 알고리즘 (1) | 2023.05.08 |
댓글