가시성에 관한 추천 기사 5개:숨김

당시 내 대답은 둘 다 요소를 숨길 수 있다는 것이었습니다. 하지만 요소를 표시:없음으로 설정하면 해당 요소가 이전에 차지했던 문서 흐름 공간이 동시에 취소되지만 visible:hidden은 요소를 균등하게 만듭니다. 표시되지 않으면 여전히 공간을 차지합니다. 전화인터뷰였는데 제가 답변을 한 뒤에도 상대방은 더 이상 디스플레이 관련 지식을 묻지 않았습니다. 지금 생각해보면 정말 운이 좋은 것 같습니다. 누군가 디스플레이 관련 지식을 물어본다면, display:inline-block을 사용할 때 주의해야 할 점에 주목해야겠습니다. 나는 확실히 싸울 수 없을 것이다. 며칠 전 내비게이션 작성 연습을 할 때 항상 일부 인라인 요소나 블록 수준 요소를 인라인 블록 수준 요소로 설정해야 해서 display:inline-block을 생각했는데 이것이 속성이라는 것을 알았습니다. 여전히 다소 복잡한 값입니다. 이 기사를 추천합니다. Inline-block은 IE5.5부터 지원되어 왔지만 IE5.5는 2000년에 공식적으로 출시되었다는 점을 아셔야 합니다. 그러나 W3C는 2002년부터 CSS2.1 초안에 이 속성 값을 추가하기 시작했습니다.

1. display:none과 visible:hidden

의 차이점은 무엇입니까? 당시 제가 대답한 것은 둘 다 요소를 숨길 수 있지만 요소를 표시하도록 설정한다는 것입니다. none; 그 이후에는 요소가 이전에 차지했던 문서 흐름 공간이 동시에 취소되지만 visible:hidden은 요소가 표시되지 않더라도 여전히 공간을 차지하게 합니다. 전화인터뷰였는데 제가 답변을 한 뒤에도 상대방은 디스플레이 관련 지식에 대해서는 더 이상 질문하지 않았습니다. 이제 생각나는 것은...

2. display:none; 과 visible:hidden;

의 차이점은 둘 다 요소를 숨길 수 있다는 것이었습니다. , 그러나 요소를 display:none;으로 설정하면 해당 요소가 이전에 차지했던 문서 흐름 공간이 동시에 취소되지만 visible:hidden은 요소가 표시되지 않더라도 여전히 공간을 차지하게 합니다. 전화인터뷰였는데 제가 답변을 한 뒤에도 상대방은 더 이상 디스플레이 관련 지식을 묻지 않았습니다. 이제 생각나는 것은...

3. div의 숨겨진 점유 공간 위치 관계

소개: display:none 및 visible:hidden은 모두 웹 페이지에서 요소를 숨기는 기능입니다. , 그러나 둘 사이에는 차이가 있습니다. 개인적으로 실험한 결과 visible:hidden 속성을 사용하면 객체가 보이지 않게 되지만 웹 페이지에서 객체가 차지하는 공간은 변하지 않는다는 것을 발견했습니다. touched) 이는 빈 공간을 남겨 두는 것과 동일하며, display:none 속성은 객체를 완전히 사라지게 만듭니다(보거나 만질 수 없음).

4. [HTML/CSS]display:none과 visible:hidden_html/css_WEB-ITnose

소개: [HTML/CSS]display:none과 visible:hidden의 차이점

5. Display:none과 visible:hidden은 다른 숨기기 방법입니다

소개: 비슷한 점: display:none과 visible:hidden은 모두 웹 페이지에서 요소를 숨기는 기능을 가지고 있습니다. 차이점: 가시성: 숨김--숨겨진 개체를 위한 물리적 공간을 예약합니다. 표시: 없음--숨겨진 개체를 위한 물리적 공간을 예약하지 않습니다

[관련 Q&A 권장 사항]:

javascript - js는 div의 숨겨진 표시를 제어합니다. .

javascript - jquery를 사용하여 visible:hidden 값을 얻는 방법?

javascript - backface-visibility:hidden이 IE를 지원하지 않습니까? 다른 해결 방법은 없나요

위 내용은 가시성에 관한 추천 기사 5개:숨김의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!