CSS - display

display 태그는 화면에 어떻게 드러나게 할지를 결정하는 속성

display 속성값은 4가지

• none: 화면에서 사라짐

• block: div가 갖게되는 기본값

  너비가 설정되어 있지 않다면, 최대한으로 넓어진다.
  높이가 설정되어 있지 않다면, 최소한으로 줄어든다.
  블록화, line 한 줄을 무조건 혼자 쓴다.
  스스로 margin-left, margin-right를 사용해서 정렬

• inline: 컨텐츠를 딱 감쌀정도의 크기만 갖게됨

• inline-block: inline과 block의 특성을 합쳐놓은 속성. 임의로 크기를 바꿔줄 수 있다

  너비, 높이가 설정되어 있지 않다면, 최소한으로 줄어든다
  글자화, 한 줄에 최대한 여러개가 나온다. 부모의 text-align에 의해서 정렬

Exception
a, span 엘리먼트는 기본적으로 display가 inline
img 엘리먼트는 기본적으로 display가 inline-block
inline요소에는 width, height, margin, padding 속성이 제대로 적용되지 않는다.