표시와 가시성의 차이에 대한 자세한 설명

가시성숨겨진 객체 는 객체가 표시될 때 객체가 차지하는 물리적 공간을 유지하지만 표시는 그렇지 않습니다.

vilibility: 숨김(숨김), 표시(표시) style="vislbility:hidden"

표시: 없음(숨김), 차단 (Display) style="display:none"

다음 코드를 저장하여 효과를 확인할 수 있습니다.

구체 단계:

코드 예:

< p style="border:1px solid #000; background:#eee">

너비: 200;높이:200;visibility:hidden">

←SS 속성은 visible:hidden

< /p>

< p style="border:1px solid #000;배경:#666">

< "너비:200 ;높이:200;디스플레이:없음">

←SS 속성이 있는 개체 표시:없음

< /p>

특별 팁

숨겨진 개체가 표시될 때 여전히 위치를 차지하지만 표시되지 않도록 제어하려면 가시성 속성을 사용하십시오.

특수사항

표시 속성은 요소의 표시 모드를 설정합니다. 해당 스크립트 기능은 없음, 블록 및 인라인입니다.

none은 요소를 숨기고 요소가 표시될 때 공간을 유지하지 않습니다.

블록 모드에서 요소를 표시합니다.

inline은 요소를 인라인으로 표시합니다.

인라인 블록 개체는 인라인 요소로 표시되지만 모든 하위 개체는 블록 요소로 표시되며 인접한 인라인 요소는 같은 줄에 표시되며 공백이 허용됩니다.

list-item은 블록 요소를 목록 개체로 표시하고 항목 구두점을 추가할 수 있습니다. (IE6.0+ 지원 필요)

table-

header-group은 요소를 tHead 요소와 동일한 table 헤더 그룹으로 표시합니다.

table-footer-group은 요소를 tFoot 요소와 동일한 테이블 바닥글 그룹으로 표시합니다.

표시 속성은 요소 표시 여부를 설정합니다. 선택 값은 상속, 숨김 및 표시입니다.

상속

상속 상위 요소의 가시성 속성 설정입니다.

hidden은 요소를 숨기지만 요소가 차지하는 공간은 유지합니다.

표시되는 표시 요소(기본값).

위 내용은 표시와 가시성의 차이에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!