[CSS]flex

해내면 그만!XX·2022년 4월 23일

Flex 레이아웃 잡을때 이런식으로 작성한다.

<container>
	<item>
	<item>
</ontainer>

Flex-dirction column 수직전체를 사용
Flex-basis 기본크기, direction에 따라 수직 수평이 다르다
Flex-grow:0 기본값, 1일때 여백을 나눠 가짐
Flex-shrink:0 화면 창을 줄이면 줄여지지 않는다

Flex-direction:row 기본값
Flex-direction:row-reverse; 반대쪽에 위치함

Container 부모 속성
Display, flex-direction, felx-wrap, flex-flow, justify-content, align-items, align-content

Item 자식 속성
Order, flex-grow, flex-shrink, felx-basis, flex, align-self

참조
생활코딩flex
1분코딩