div를 표시하고 숨기는 방법

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

<p style="border:1px solid #000;background:#eee">
<span style="width:200;height:200;visibility:hidden"></span>

←SS 속성이 표시되는 개체:hidden

</p><br>
<p style="border:1px solid #000;background:#666">
<span style="width:200;height:200;display:none"></span>

←SS 속성이 display:none

특별 팁
표시될 때 여전히 위치를 차지하는 숨겨진 객체를 제어하려면 visible 속성을 사용하세요. 표시되지 않습니다.

특수사항

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

위 내용은 div를 표시하고 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!