flex

CSS - [ 속성(flex) ]

이제 플렉스에 대해 알아보자. 플렉스(flex)는 1차원의 레이아웃 개념과 같다. 이전까지 요소를 출력했을 때는 수직으로 출력되었다. 수평 정렬 할 때는 아주 간단하게 display: flex; 값만 넣어주면 된다! 이 때 flex 값을 넣어 준 요소는 container, 수평 정렬 된 요소들은 item 이라고 부른다. css에서 container와 itme에 넣을 수 있는 속성들이 각각 다르다는 점에 주의하자. 아래와 같이 코드를 작성하면 이렇게 뜨는데, container에 flex 값만 넣어주면 이렇게 수평정렬된다! 1. Container 속성 dispaly : Flex Container의 화면 출력 특성을 지정하는 속성이다. (이전에 block과 inline 등 을 넣어 사용했던 속성!) Flex ..