> 웹 프론트엔드 > HTML 튜토리얼 > div 표시 및 숨기기에 대한 자세한 소개

div 표시 및 숨기기에 대한 자세한 소개

高洛峰
풀어 주다: 2017-03-20 16:13:14
원래의
1251명이 탐색했습니다.

가시성이 숨겨진 개체는 표시될 때 개체가 차지하는 물리적 공간을 유지하지만 표시는 그렇지 않습니다. 다음 코드를 저장하여 효과를 확인할 수 있습니다.
특정 단계:
코드 예:



←SS 속성이 visible:hidden인 개체


←SS 속성이 display:none인 객체


특별 팁
가시성 속성을 사용하여 여전히 위치를 차지하고 있는 숨겨진 객체를 제어하세요. 표시되고, 표시 번호는 다음과 같습니다.

특수사항

표시 속성은 요소의 표시 모드를 설정합니다. 해당 스크립트 기능은 없음, 블록 및 인라인입니다.
none은 요소를 숨기고, 요소가 표시될 때 공간을 유지하지 않습니다.
블록 모드에서 요소를 표시합니다.
inline은 요소를 인라인으로 표시합니다.
인라인 블록 개체는 인라인 요소로 표시되지만 모든 하위 개체는 블록 요소로 표시되며 인접한 인라인 요소는 같은 줄에 표시되며 공백이 허용됩니다.
list-item은 블록 요소를 목록 객체로 표시하고 항목 구두점을 추가할 수 있습니다. (IE6.0+ 지원 필요)
table-header-group은 요소를 tHead 요소와 동일한 테이블 헤더 그룹으로 표시합니다.
table-footer-group은 요소를 tFoot 요소와 동일한 테이블 바닥글 그룹으로 표시합니다.
visibility 속성은 요소 표시 여부를 설정합니다. 부모 요소의.
hidden은 요소를 숨기지만 요소가 차지하는 공간은 유지합니다.
표시되는 표시 요소(기본값).

위 내용은 div 표시 및 숨기기에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
div
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿