Programming/CSS (1) 썸네일형 리스트형 Flex 이번에 다룰 주제는 CSS 내용 중의 Flex 속성이다. 물론, 우리가 아는 요즘의 신조어 Flex가 아니다! 어제 작성한 레이아웃 관련 글 중에 Flex 키워드를 잠깐 소개했었는데, 레이아웃을 잡을 때 이 Flex 속성은 도움이 많이 된다. 이렇게 만들어진 Flexbox 레이아웃은, 말 그대로 박스를 유연하게 늘리거나 줄이는 방법을 토대로 레이아웃을 잡는 방법이다. 그렇다면 이 Flex 라는 CSS 속성은 도대체 무엇인가. 쉽게 말해서, Flex 속성은, 수직 분할 혹은 수평 분할을 도와주고, 부모 박스에 display: flex를 적용해줌으로, 자식 박스의 방향과 크기를 조정할 수 있는 게 특징이다. 1. 방향 (Flex-direction) flex-direction 속성의 기본값은 가로 (row)로.. 이전 1 다음