CSS display 속성 설명, block, inline, inline-block 차이 설명

css의 display 속성은 단어 그대로 해당 요소가 어떻게 화면에 보여지는가를 보여준다.

자주쓰는 속성값은

none : 보이지 않는다.
inline : 인라인 박스로 만듬
block : 블록 박스로 만듬
inline-block : block 박스로 만들어지나, inline처럼 배치가 된다.

이렇게 네가지입니다. 
none은 아예 보이지 않습니다.

inline은 간단히 말해 줄바꿈이 되지 않고,
block은 줄바꿈하게 됩니다.
inline-block은 줄바꿈이 되지가 않으나 기타 다른 속성은 inline처럼 동작하게 됩니다.

이외에 inline과 block의 차이는...
block : 상하 margin, padding 사용가능, width, height 속성 사용 가능
inline : 상하 margin, padding 사용 불가능, width, height 속성 사용 불가능