div 안보이게 하는 display:none과 visibility:hidden 차이점

div, span 등의 태그에 사용할 수 있습니다.

간단하게, 둘 다 엘리먼트를 숨기게 하는 역할을 하지만 둘의 쓰임새는 다릅니다.

 

display:none

해당 엘리먼트를 보이지도 않고 공간도 차지하지 않습니다.

 

visibility:hidden

해당 엘리먼트를 보이지 않게 하지만, 그 엘리먼트의 공간은 존재하게 됩니다.

엘리먼트에 width, height를 주었다면 그만큼 공간을 차지하게 되는 것입니다.