Qui fert pondus coronae velit

flow-direction

이곳에서 처음으로 사용해 볼 속성은 flow-direction 입니다. 내부 flex 요소들을 어떻게, 어느 방향으로 정렬할지 결정합니다. flow-direction 요소가 지정되지 않을 경우 기본값은 row입니다. CSS가 적용되지 않는다면 모든 리스트는 순서에 변함없이 화면에 출력됩니다. flex-direction 을 사용하여 실제 작성된 컨텐츠의 순서와 다른 방향으로 출력이 가능합니다. flex-direction:column; 1 2 3 4 5 flex-direction:row; 1 더보기…

CSS Flex 사용법

아직까지 Flex 사용법이 익숙하지 않습니다. 이전부터 계속 Block 사용으로 웹 디자인을 해 오고, 큰 문제가 없었기에 신경을 쓰지 않았습니다. 이번 페이지는 CSS에서 사용할 Flex 입니다. 다른 구독자 분들에게는 작은 가이드도 되었으면 하네요. 위 스타일은 이 페이지에서 기본으로 지정하고 사용할 스타일입니다. flow-direction