flex order1 [프론트엔드][CSS] TIL Day-13.1 Flex 플렉스(Flexible Box layout) CSS Flexbox는 기존의 float, position, display 속성을 사용해 HTML 요소의 배치, 정렬, 방향, 순서, 크기를 조절하는 대신에 좀 더 쉽고 효율적으로 조절할 수 있도록 하는 CSS3 레이아웃 제작 방식이다. ∨ 사용해서 좋은 점? - float속성을 사용하지 않고 가로배치할 수 있다. - 반응형 레이아웃을 만들기 쉽다. - 자식요소의 위치 잡기를 훨씬 쉽게 할 수 있다. - 브라우저에 보여지는 HTML 요소의 순서를 HTML 코드를 수정하지 않고 바꾸는 게 가능하다. 문서의 영역 중에서 Flexbox가 놓여있는 영역을 Flex 컨테이너(container)라고 한다. Flex 컨테이너를 생성하려면 컨테이너 요소의 display 값을 flex 혹은 inline-flex로 지정한.. 2022. 4. 13. 이전 1 다음
