flexbox (1) 썸네일형 리스트형 CSS - 4 [inline, block, Flexbox, Wrapping, Flex-grow] block vs inline vs inline-block block inline inline-block 상하좌우 마진/패딩 ✅ ❌ ✅ 너비와 높이 ✅ ❌ ✅ 줄 바꿈 ✅ ❌ ❌ 기본너비가 부모너비 ✅ ❌ ❌ 요소 사이 공백 ❌ ✅ ✅ inline-block 인라인은 높이와 너비를 가질수 없다고 했다, 하지만 높이와 너비를 가진 상태로 박스들을 옆으로 붙이고 싶다면? 인라인 블럭은 - 높이와 너비 - 옆에 다른요소도 올 수 있고, - margin도 올 수 있다. 하지만 inline-block은 별로다. - default값에서 두요소 사이에 위와 같이 빈공간이 있다. (우리는 이러한 공간을 만든적이 없다. margin이 아니다.) - 위와 같은 빈공간이 요소의 크기마다 일정하지 않다. (요소가 커질수록 이러.. 이전 1 다음
