display (인라인,블록)

 

블록레벨 요소

자기가 속한 영역의 너비를 모두 차지하여

블록을 형성한다.

div, p, h1 등

 

**

 

인라인요소

자기에게 필요한 만큼의 공간만 차지한다

인라인 요소는 기본적으로 높이와 너비를 지정할 수 없다.

인라인 요소에 너비와 높이를 임의로 조정할 수 있게 하고싶을 때

{ display : inline-block; } 사용해준다.

span, a 등

 

**

 

display 속성

요소를 블록과 인라인 요소중 어느쪽으로 처리할지 정의한다.

 

블록레벨 요소인 div요소를 인라인으로 처리하고 싶을 때

 

 

인라인 요소인 a요소를 블록 레벨로 처리하고 싶을 때 

 

 

인라인으로 배치하되, 블록 레벨 요소의 속성을 추가할 수 있도록 처리한다.

 

 

디스플레이(표시)하지 않는다. (숨김)