[CSS] Flex, FlexBox

FlexBox

FlexBox를 사용하면 box의 크기에 관계없이 일정한 사이즈별로 배치 가능

1. container

container 속에 item이 있다.

container에 지정할 수 있는 속성에는 display, flex-direction, flex-wrap, flex-flow, jstify-content, align-items, align-content가 있다.

item에 지정할 수 있는 속성에는 order, flex-grow, flex-shrink, flex, align-self가 있다.

2. main axis, cross axis

 

 

float은 이미지와 텍스트를 어떻게 배치하는지 정하는 것

float: left, float: center, float: right