Display 속성 | Minstudio

HTML 요소들은 기본적으로 자신이 어떻게 화면에 그려질지 성질을 가지고 있습니다. Display 속성은 이 요소를 화면에 블록처럼 쌓을지, 글자처럼 이을지, 아니면 아예 숨길지를 결정하는 CSS 레이아웃의 가장 핵심적인 기초입니다.

속성값	설명 및 특징
`block`	항상 새로운 줄에서 시작하며, 가로 100%를 차지합니다. (width, height 지정 가능)
`inline`	글자처럼 줄을 바꾸지 않고 옆으로 흐릅니다. (width, height 지정 불가능)
`inline-block`	옆으로 나란히 배치되면서도 width, height 크기 지정이 가능합니다. (버튼 UI 등에 최고)
`none`	화면에서 아예 사라집니다. 단순히 투명해지는 것이 아니라 공간 자체를 차지하지 않습니다.

속성값	설명 및 특징
`block`	항상 새로운 줄에서 시작하며, 가로 100%를 차지합니다. (width, height 지정 가능)
`inline`	글자처럼 줄을 바꾸지 않고 옆으로 흐릅니다. (width, height 지정 불가능)
`inline-block`	옆으로 나란히 배치되면서도 width, height 크기 지정이 가능합니다. (버튼 UI 등에 최고)
`none`	화면에서 아예 사라집니다. 단순히 투명해지는 것이 아니라 공간 자체를 차지하지 않습니다.