>웹 프론트엔드 >CSS 튜토리얼 >CSS에서 요소를 숨기는 방법은 무엇입니까? 차이점은 무엇입니까?

CSS에서 요소를 숨기는 방법은 무엇입니까? 차이점은 무엇입니까?

王林
王林앞으로
2020-07-13 16:49:463239검색

CSS에서 요소를 숨기는 방법은 무엇입니까? 차이점은 무엇입니까?

요소 숨기기 방법:

(권장 학습: css 빠른 시작)

  • display: none은 해당 요소를 숨기고 더 이상 문서 흐름에서 해당 요소에 공간을 할당하지 않습니다. 닫히지만 리소스가 로드되고 DOM에 액세스할 수 있습니다.

  • visibility: 숨김은 해당 요소를 숨기지만 문서 흐름에서 원래 공간을 유지하며 리소스가 로드됩니다.

  • opacity: 0 클릭하여 공간을 차지하며 사용할 수 있습니다.

방법 간의 차이점: 디스플레이는 다시 그리기 리플로우를 생성하고, visible:hidden은 다시 그리기만 하고, display:none 노드와 하위 노드는 표시되지 않으며, visible:hidden의 하위 노드는 visible:visible로 표시될 수 있습니다.

위 내용은 CSS에서 요소를 숨기는 방법은 무엇입니까? 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제