flex : flex-grow / flex-shrink / flex-basis 의 축약
순서암기
래핑 flex-wrap
flex-direction : column
flex-wrap : wrap
Flex-flow가 flex-wrap이랑 direction한번에쓰는것
order : 순서바꿈
justify-content 와 align-items
콘텐트 : 팩킹
justify-content : center;
justify-content mdn 검색하면서 할것
justify-content : space-evenly
align-content와 align-items 비교
'2021 Newlecture > HTML & CSS' 카테고리의 다른 글
| grid / grid-template-colums/ grid-column / (0) | 2021.03.16 |
|---|---|
| grid / grid-template-columns/auto-fill/ auto-fit (0) | 2021.03.15 |
| CSS flexbox 정리 (0) | 2021.03.15 |
| CSS Position (absolute / fixed / sticky / relative) (0) | 2021.03.12 |
| 블록태그와 인라인태그 / flex (0) | 2021.03.09 |
| em 과 rem / height : inherit (0) | 2021.03.09 |
| Block 레이아웃 / overflow / 값 할당 단위 (0) | 2021.03.08 |
| CSS / 선택자 / 연산자 / 엘리먼트 우선순위 (0) | 2021.03.03 |