layout (1) 썸네일형 리스트형 [10분 테코톡] 🦄 콜린의 Flex Layout Layout - 문서 위에 상자를 적절한 위치에 배치하는 것 Layout [normal flow] - 브라우저가 기본값으로 HTML페이지를 배치하는 방법 크게 두가지가 존재 1) block - 자신의 부모요소 넓이를 전부 차지하게 됨, - 또한 새로운 블록이 추가될 시 아웃라인 즉 개행되어 추가되는 형태 2) inline - 부모의 전부, 부모너비의 전부를 차지하지 않고 컨텐츠 영역만 너비를 차지하며, - 새로운 인라인 요소는 부모의 최대 너비를 넓지 않는 선에서 나란히 위치하게 됨 - 만약 부모의 너비를 넘겼다면 개행하여 위치하게 됨 Flex - 요소들을 행, 열 단위로 정렬하기 위한 1차원 레이아웃 Flex 용어 ✔ flex container : flex 아이템들을 배치 , 정렬 - flex-dire.. 이전 1 다음
