디스플레이:없음은 무슨 뜻인가요?
- hzc원래의
- 2020-06-24 15:46:4258511검색
"display:none"은 요소가 보이지 않도록 설정하고 상자 모델도 생성하지 않는다는 의미입니다. 일반적으로 공간을 차지하지 않는 숨겨진 요소에 사용됩니다. 표시 속성은 요소가 생성해야 하는 상자 유형을 지정합니다. 해당 값이 "none"인 경우 요소를 숨기는 것은 페이지에서 요소를 삭제하는 것으로 이해될 수 있습니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
display:none은 다음을 의미합니다.
"display:none"은 요소가 보이지 않도록 설정하고 상자 모델도 생성하지 않는다는 의미입니다. 일반적으로 숨겨진 요소에 사용됩니다. 공간을 차지하지 마십시오. display:none”的意思是设置元素不可见并且连盒模型也不生成，一般用于不占空间的隐藏元素。
“display:none”样式依照词义真正隐藏元素。
display 属性规定元素应该生成的框的类型，当其值为“none”时可以规定元素不生成框。
使用display属性，被隐藏的元素不占据任何空间。不仅如此，一旦 display 设为 none 任何对该元素直接打用户交互操作都不可能生效。
使用“display:none
display:none" 스타일은 단어의 의미에 따라 요소를 숨깁니다. display 속성은 요소가 생성해야 하는 상자 유형을 지정합니다. 해당 값이 "none"이면 요소가 상자를 생성하지 않도록 지정할 수 있습니다. . display 속성을 사용하면 숨겨진 요소가 공간을 차지하지 않습니다. 뿐만 아니라 표시가 없음으로 설정되면 요소에 대한 직접적인 사용자 상호 작용이 효과적이지 않습니다. 
공간을 차지하지 않고 요소를 숨기려면 "display:none"을 사용하세요. 따라서 이 속성을 동적으로 변경하면 재배열(페이지 레이아웃 변경)이 발생하며 이는 요소를 페이지에 배치하는 것으로 이해할 수 있습니다. 삭제하는 것과 동일하며, 자손에게 상속되지는 않지만, 그 자손은 표시되지 않으며 결국 모두 함께 숨겨집니다.
display:none의 사용법을 살펴보겠습니다. 
<html>
<head>
<title></title>
<style type="text/css">
div{
background: lightblue;
width: 200px;
height: 200px;
}
span{
background: pink;
display: none;
}
</style>
</head>
<body >
<div><span>需要隐藏的区域</span></div>
</body>
</html>display:none 속성 값을 설정하면 아래 그림과 같은 효과가 나타납니다. 숨겨야 할 영역이 숨겨집니다. 🎜🎜🎜🎜추천 튜토리얼: "🎜HTML Tutorial🎜"🎜위 내용은 디스플레이:없음은 무슨 뜻인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!