element를 숨기는 3가지 방법

 

요소를 안 보이게 하고 싶은 순간이 있다.

 

3가지 방법이 있는데,

디스플레이에 출력 자체를 안 할 수도 있고 공간은 차지하면서 보이지 않게 할 수도 있다.

 

아래의 표에 정리해보았다.

 

속성	공간 차지	클릭 가능 여부
opacity: 0	O	O
visibility: hidden	O	X
display: none	X	X

 

본인의 의도에 맞게 위 세 가지 속성을 사용해보자!