display와 visibility의 차이

평소 작업할때 보이지 않게 하려고 display: none;을 쓰곤 한다. 그런데 표면상에선 안보여야하지만 기능적으로는 있어야할 때가 가끔 있다.

이땐 어떤 속성을 써야할까?

 

display와 visibility

display

• A
• B
• C
• D
• E

visibility

• A
• B
• C
• D
• E

 

 

/* 영역 존재 자체가 사라짐 */
display: none;

/* 영역은 그대로이나 스타일은 보이지 않음 */
visibility: hidden;