>웹 프론트엔드 >CSS 튜토리얼 >표시:없음과 표시 여부:숨김의 차이점은 무엇인가요?

표시:없음과 표시 여부:숨김의 차이점은 무엇인가요?

hzc
hzc원래의
2020-06-28 10:52:305616검색

[display:none]과 [visibility:hidden]의 차이점은 다음과 같습니다. 1. 전자는 숨겨진 개체를 위한 물리적 공간을 예약하지 않는 반면, 후자는 숨겨진 개체를 위한 물리적 공간을 예약합니다. 2. 전자의 가치; 블록이 됩니다. 후자가 페이지를 로드할 때 구조가 로드됩니다.

표시:없음과 표시 여부:숨김의 차이점은 무엇인가요?

display:none 숨겨진 개체를 위한 물리적 공간을 예약하지 않습니다.
display:none 不为被隐藏的对象保留其物理空间 

visibility:hidden 为被隐藏的对象保留其物理空间也就是display:;

当他的值变成block 的时候,它所在的结构才会被加载进来。

visibility就会在加载页面的同时就已经把它加载进来了,因为他的值为hidden的时候,它所占的空间还在。

使用CSS display:none

visibility:hidden 숨겨진 개체를 위한 물리적 공간을 예약합니다. 공간 is display:;

값이 block 이 되면 해당 구조가 로드됩니다.

그리고 페이지가 로드될 때 가시성도 로드됩니다. 그 값이 숨겨져 있어도 차지하는 공간은 여전히 ​​그대로 있기 때문입니다.

CSS display:none 속성을 ​​사용한 후 HTML 요소(객체)의 너비, 높이 및 기타 속성 값이 "손실"됩니다. 🎜🎜가시성을 사용한 후: 숨겨진 속성인 HTML 요소(객체)는 시각적으로만 보이지 않지만(완전히 투명함), 그것이 차지하는 공간적 위치는 여전히 존재합니다🎜🎜추천 튜토리얼: "🎜css tutorial🎜"🎜

위 내용은 표시:없음과 표시 여부:숨김의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.