", div 요소에 "display:none" 스타일을 추가하여 숨깁니다. 2. "
"인 경우 div 요소에 숨겨진 속성을 설정하여 숨깁니다.
", 디스플레이 속성을 사용하여 div가 표시되지 않도록 설정합니다. 2. "
", 숨겨진 속성을 사용하여 div를 숨깁니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터
html
1에서 div의 숨겨진 속성 코드는 무엇입니까? html에서는 div 요소에 display:none 스타일을 추가하여 숨길 수 있습니다. div 요소를 살펴보겠습니다. ：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute;top:0;">这是一个固定在顶部的div</div>
</body>
</html> 출력 결과:
이때 상단에는 일반 div 요소가 표시됩니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute; bottom:0;display:none;">这是一个固定在顶部的div</div>
</body>
</html> 출력 결과:
2. Hidden 속성을 사용하면 div 요소를 숨길 수도 있습니다. Hidden 속성 값을 Hidden으로 설정하기만 하면 됩니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute; bottom:0;" hidden="hidden">这是一个固定在顶部的div</div>
</body>
</html>Output 결과:
추천 튜토리얼: "html 비디오 튜토리얼"
