[CSS] display: inline, block, inline-block
CSS에서 요소들의 레이아웃을 지정할 때 사용하는 속성인 display 그 중에서도 inline, block, inline-block의 동작 방식을 정리한다. block 한 줄 전체를 점유 새로운 라인에서 시작 width, height, margin, padding 지정 가능 inline 컨텐츠 영역만큼만 너비 차지 inline + inline 이라면 같은 줄에 정렬 width, height, 세로 margin 지정 불가 요소 뒤에 공백이 있다면 space(4px)가 자동 지정 line-height 속성이 block 부모 요소에 적용 inline-block 컨텐츠 영역만큼 너비 차지(like inline) width, height, margin, padding 지정 가능(like block) 요소 뒤에 ..
기술이 된 상상
2021. 4. 2. 17:59