[css] display: none 과 visivility: hidden의 차이점

 

 

▶ display: none

코드는 존재하지만 레이아웃 자체를 사라지게 한다. 존재하지 않았던 것처럼 브라우저가 그리지 않는다.

레이아웃에서 완전히 배제.

 

 

 

 

 

 

▶ visivility: hidden

문서의 레이아웃을 변경하지 않고 숨긴다. 자리는 차지하지만 눈에는 보이지 않게 한다.

레이아웃에서 배제하지 않음.