반응형 flexbox #플렉스박스 #플렉스 #줄바꿈 #css 썸네일형 리스트형 [CSS] 채워지는 flex 요소 만들기 및 줄바꿈 주기 [코드예제] flexbox 콘테이너의 자식 요소들이 자동으로 콘테이너를 채우게 하는 레이아웃을 구성하고자 합니다. 또한 flex 요소을 여러개를 나열할 때 줄바꿈을 주어서 배치할 수 있는 방법도 함께 알아 보고자 합니다.1. flex 콘테이너를 자동으로 채우는 flex 요소 만들기 : flex-growflex를 지정했을 때 기본적인 박스모델 구조는 아래 이미지와 같이 flex 요소들의 너비가 auto로 할당되며, 왼쪽 정렬로 배치가 됩니다. 본 포스트에서는 flex 요소의 너비를 콘테이너의 남은 영역만큼 채워지도록 하는 레이아웃을 구성하고자 합니다. 그러기 위해서는 flex-grow 속성을 원하는 flex 요소에 할당할 필요가 있습니다. flex-grow는 flex 요소를 얼마나 큰 비율로 배치할까에 대.. 이전 1 다음
단순함연구소 UX개발실