display: flex; 아이템 속성/정렬 한눈에 확인 가능한 사이트
사이트소개Flex는 레이아웃을 활성화하는 속성으로, 컨테이너 내의 요소들을 효율적으로 배치하고 정렬할 수 있는데 그 속성들을 직관적으로 볼 수 있는 사이트이다. Flex의 기본 개념과 사용법을 볼 수 있으며, 실제 예제를 통해 사용자가 이해하고 적용할 수 있다. display: flex flexbox.help 사용방법해당 사이트에 접속한다.원하는 요소의 갯수대로 CHILD COUNT를 조정한다.적용하고자 하는 속성의 버튼을 클릭한다.원하는 결과물의 CSS OUTPUT을 복사하여 사용한다. flex 컨테이너 속성flex-direction아이템들이 배치되는 축의 방향을 결정하는 속성row가로로 배열(기본값)column세로로 배열row-reverse가로로 역순 배열column-reverse세로로 역순 배열 ..