div display 속성
display 속성은 element를 어떻게 보여줄지를 결정하는 속성입니다. 주로 4가지 속성값이 쓰이게 됩니다. 아래를 참조해 봅시다.
none : 눈으로 보이지 않습니다. 박스를 만들지도 않습니다. block : 블록 박스로 만듭니다. inline : 인라인 박스로 만듭니다. inline-block : nline과 block의 중간 형태로 블록박스로 만들지만 인라인 박스처럼 배치됩니다.
none 태그가 보이지 않게 됩니다 visibility 속성을 hidden으로 설정하면 적어도 영역은 차지하는데 none속성은 영역도 차지하지 않습니다.
inline block 과 속성과 달리 줄 바꿈이 되지 않고, width와 height와 같은 영역을 지정 할 수 없습니다.
block div, p 태그등에 해당됩니다 블록을 지정해서 자동 줄 바꿈과 크기를 사용할 수 있습니다. width, height 속성을 지정 할 수 있습니다.
inline-block 혼합된 형태로 크기는 지정할 수 있지만 줄 바꿈은 할 수 없습니다.
|
|
|