[CSS] Display Property

block

 한 줄을 모두 차지하며 엘리먼트가 배치된다.

ex) div, p, form, header, footer, section 등

inline

 줄 바꿈 없이 다른 엘리먼트들과 같은 줄에 엘리먼트가 배치됨.

 요소를 구성하는 태그에 할당된 공간만 차지한다. 예를들어 width, height 속성을 주더라도 무시되고 자식 엘리먼트들의 공간만 차지한다.

ex) span, a 등..

none

 엘리먼트를 실제로 삭제하고 재생성하지 않고도 엘리먼트를 보이고 감추는데 사용한다.

참고) Visibility: hidden은 자리는 차지하되 모습만 감추는 것으로 display: none과는 다르다.

참조: http://ko.learnlayout.com