使用 display:none 和visibility:hidden 属性隐藏元素
实例代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
h1.none{
display:none;
}
h1.hidden{
visibility:hidden;
}
</style>
</head>
<body>
<h1>这是一个可见的标题</h1>
<h1 class="none">这是一个隐藏的标题</h1>
<p>请注意,dispaly:none;的标题不会占用任何空间。</p>
<hr align="left" width="400px" color="red">
<h1>这是一个可见的标题</h1>
<h1 class="hidden">这是一个隐藏的标题</h1>
<p>请注意,visibility:hidden;的标题会影响布局。</p>
</body>
</html>
运行效果:
评论