[CSS] display 와 visibility의 차이

html 태그로 만든 layer를 안 보이게 하는 방법에는 두 가지가 있다.

 

1. display : none ; (↔ block)

 > 아예 사라짐. 보이는 것뿐만 아니라 해당 공간도 존재하지 않게 됨.

2. visibility : hidden ; (↔ hidden)

 > 보이지만 않고 해당 공간은 존재함. width와 height 값을 주었다면 그만큼의 공간이 존재하게 된다.

 

위와 같은 차이가 있다고 한다. 상황에 맞춰 적절한 것을 선택하면 될 듯하다.

 

참고 : blog.naver.com/eroicaplus/90036328974