목록Display (1)

개발기록장

[CSS] display 속성 정리 (block, inline, inline-block)

display 속성은 웹페이지를 보고 있는 사용자에게 특정 요소(element)를 어떻게 보여줄지를 결정한다. display 속성은 매우 다양한 값을 가질 수 있지만, 가장 기본이 되는 block, inline, inline-block 을 비교해보자. - block display가 block으로 설정된 요소는 페이지에서 한 줄을 차지하거나, 부모 요소의 100%를 차지한다. 따라서 다음 태그는 그 다음 줄에 배치가 된다. 또한 가로(width)와 세로(height) 크기를 지정할 수 있다. 대표적으로 , , , 태그가 block을 기본값으로 갖는다. - inline display가 inline으로 설정된 요소는 태그안의 centent의 크기만큼을 차지한다. 이어서 오는 태그가 block이 아닐 경우에, ..
TIL/HTML & CSS 2021. 1. 13. 11:20
이전 Prev 1 Next 다음