[HTML/CSS] display: none 과 visibility: hidden의 차이

display : none 와 visibility : hidden 은 HTML 요소를 화면에 숨기는 데 사용되지만, 화면을 구성하는 데 차이가 있다. display: none동작 방식 브라우저가 화면에 렌더링하는 과정에서 해당 요소를 레이아웃에서 완전히 제거하고, 다른 요소들이 그 공간을 채우도록 동작한다.DOM 에는 요소가 존재하지만, 브라우저는 해당 요소를 렌더링에서 제외하여 마치 삭제된 것처럼 처리한다.즉, 화면에 표시되지 않을 뿐만 아니라 공간도 차지하지 않는다. 예시 코드 저는 박스 1입니다. 저는 박스 2입니다. 저는 박스 3입니다. 박스2 div 는 DOM 에 있지만 화면에 표시되지 않고, 레이아웃 공간도 차지하지 않은 것을 볼 수 있다. visibility: hid..

• format_list_bulleted HTML&CSS
• · 2024. 5. 11.
• textsms

html css 기본 용어

HTML CSS

• format_list_bulleted HTML&CSS
• · 2024. 4. 8.
• textsms