개발의 시작과 끝
2020.06.03 / Day - 49 CSS flex 본문
49일차
Flex
요소의 크기가 불분명하거 동적인 경우에도, 각 요소를 정렬할 수 있는 효율적인 방법을 제공한다.
flex는 <Container, Items> 이 2개의 개념으로 나뉜다.
Container는 Items를 감싸는 부모 요소이며, 각Item을 정렬하기 위해선 Contaicer가 필수이다.
Container에는 display, flex-flow, justify-content 등의 속성,
tems에는 order, flex, align-self 등의 속성을 각각 사용할 수 있다.
참조
'풀스택 > 웹' 카테고리의 다른 글
| 2020.06.02 / Day - 48 리액트, SPA, 랜더링 (0) | 2020.06.02 |
|---|---|
| 2020.05.29 / Day - 44 figma Givenchy 모작 (1) | 2020.05.29 |
| 2020.05.27 / Day - 43 피그마(Figma) (0) | 2020.05.27 |
| 2020.05.26 / Day - 42 PHP (0) | 2020.05.26 |
| 2020.05.19 / Day - 36 웹 서버, CGI (0) | 2020.05.19 |