Inline vs Block & Display

Inline은 높이 크기 등을 가질 수 없고 부모 태그에 종속된다

*display: inline-block을 통해 block 형태로 만들 수 있음

*inline은 가로로 데이터가 들어가므로 가로로 padding은 먹히지만 세로는 인식하지 못한다

 

Block 라인 전체를 차지함

*float를 이용하면 같은 라인에 block 배치 가능

 

*text-align: center은 block만 가능

 

display

display: none

display: inline

display: block

display: inline-block

 

페이지에 특정 속성을 보이거나 보이지 않게 하는 기능

display: none;

visibility: hidden;