[CSS] display 속성

display 속성을 알아보기 이전에, div 태그와 span 태그를 알아봅시다.

div	block 형식으로 공간을 분할합니다.
span	inline 형식으로 공간을 분할합니다.

 

 

div 를 쓰는 경우

코드

실행결과

 

 

 

 

span을 쓰는 경우

코드

실행결과

 

 

 

---

 

 

display 속성은 태그가 화면에 보이는 방식을 지정하는 속성입니다.

none	태그를 화면에서 보이지 않게 만듬
block (= flex)	태그를 block 형식으로 지정함
inline (= inline flex)	태그를 inline 형식으로 지정함
inline-block	태그를 inline-block 형식으로 지정함

 

 

 

코드

 

 

• div 태그에다가 block 형식을 지정 했을 때

 

 

• div 태그에다가 inline 형식 혹은 inline-block 형식을 지정 했을 때