CSS - display 속성 ( block , inline, inline-block, none )

 

CSS - display 속성 비교

---

 

display - block 

블럭 형식으로 아래로 쌓이는 속성

 

See the Pen Untitled by code_gray (@code_gray) on CodePen.

 

display - inline 

우측으로 쌓이지만 크기 속성은 반영되지 않음 ( 글자 크기에 자동으로 맞춰짐 )

 

See the Pen display-inline by code_gray (@code_gray) on CodePen.

display - inline-block 

우측으로 쌓인다.

 

See the Pen display-inline-block by code_gray (@code_gray) on CodePen.

 

 

display - none 

개체를 완전히 제거

 

See the Pen Untitled by code_gray (@code_gray) on CodePen.