css
-
[CSS] Flex(Flexible box) 사용 가이드WEB/front-end 2021. 2. 7. 21:00
본 게시물은 NHN 최민호 선임님과 김부승 전임님의 HTML/CSS 기초 강의와 MDN Web Docs를 참고하여 작성하였습니다. Flexible box란? flexible box는 아이템간 공간 배분과 정렬 기능을 제공하기 위한 기능으로서, HTML5의 새로운 display 속성이다. 성능면에서도 이전 레이아웃 모델과 비교해서 렌더링 시간이 빨라졌다. 주의할 점은 부모와 자식 모두에게 속성을 부여해야 적용된다. display: flex flex-direction: 중심축 설정 flexbox의 가장 강력한 기능은 수직(column, 위-아래)과 수평(row, 좌-우) 방향으로의 자유로운 정렬이다. 정렬 방향은 flex-direction 속성을 이용해 정렬될 방향으로 중심축을 설정할 수 있다. flex-d..