[css]visibility : hidden, display : none 의 차이점

CSS 속성 중 visibility:hidden 과 display:none 의 속성은 태그를 숨길 때 사용한다.

태그를 숨기는 속성은 같지만 다른점이 있음

display:none

여백없이 숨겨짐

 

visibility:hidden

본인의 공간을 확보한채로 숨겨짐

 

 

그래서 뭔가 아예 숨겨버리고 뒤에서만 동작하게끔 만들고싶으면  display : none을 쓰고,

뭔가 이벤트처리해서 표출되거나 숨기고 싶다면 고유 영역이 있어야하니 visibility : hidden을 쓰는게 적절할 듯 하다

나같은 경우는 동적처리할 때 필요한 값들을 가져오긴하되, 화면에는 아예 숨기고 싶어서 display:none을 자주 쓰는 편