flex1 [css] flexbox flexbox는 뷰포트의 요소나 크기가 불명확하거나 동적으로 변할 때 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 레이아웃 방식이다. flexbox를 1차원이라 칭하는 것은 레이아웃을 다룰 때 하나의 차원(행이나 열)만을 다루기 때문이다, 이는 행과 열을 함께 조절하는 grid와 대조되는 점이다. flex 속성을 사용할 때에는 내가 자유롭게 배치하고 싶은 항목들을 감싸고 있는 컨테이너를 flex로 지정한다. flex로 지정된 컨테이너의 일차 자식이 flex 항목이 된다. 👉여기서부터는 flexbox 속성 1) flex-direction: 주축(main-axis)를 결정한다. row: 열의 정방향 row-reverse: 열의 역방향 column: 행의 정방향 column-reverse:.. 2022. 9. 18. 이전 1 다음
