display 속성 정리

종류	inline-block, inline			block	none
너비	너비가 없으면 최소한으로 줄어든다.			너비가 없으면 최대한으로 넓어진다.			x
높이	높이가 없으면 최소한으로 줄어든다.			높이가 없으면 최소한으로 줄어든다.			x
본질	글자화			블록화			-
속성	한 줄에 최대한 여러개가 나온다.			한 줄을 무조건 혼자 쓴다.			-
정렬	부모의 text-align에 의해서 정렬			스스로 margin-left, margin-right를 사용해서 정렬			-

 

예외

    1) a, span 엘리먼트는 기본적으로 display가 inline이다.

    2) img 엘리먼트는 기본적으로 display가 inline-block 이다.

    3) inline요소에는 width, height, margin, padding 속성이 제대로 적용되지 않는다.