css如何不显示元素
时间：2021-04-18 来源：互联网
今天PHP爱好者为您带来css设置不显示元素的方法：1、使用【display: none;】方法；2、将【display:none;】改成【visibility: hidden;】希望对大家有所帮助。
本教程操作环境：windows7系统、css3版，DELL G3电脑。
css设置不显示元素的方法：
（1）display: none;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
.box {
width: 160px;
background: #cad5eb;
}
.title {
background: #54a962;
}
.content {
background: #5650bb;
}
</style>
</head>
<body>
<div class="box">
<h3 class="title">标题</h3>
<p class="content">内容</p>
</div>
</body>
</html>
设置display: none;后的效果如下显示
可以看出原来的标题部分不见了，而内容部分占领了原来标题的部分
（2）visibility: hidden;
还是上面的例子，只是这次将display:none;改成visibility: hidden; 但结果却大不相同
以上就是css如何不显示元素的详细内容，更多请关注php爱好者其它相关文章！
相关阅读更多 +
-
欧易DCA策略详解：如何有效使用降低投资风险 2025-12-17 -
拷贝漫画APP官方正版免费下载-拷贝漫画APP手机版高速下载入口 2025-12-17 -
EA账号注册全攻略-手把手教你创建EA账号 2025-12-17 -
想知道喷雾是什么梗？揭秘网络热词背后的搞笑真相，点击了解详情！ 2025-12-17 -
禁漫JMComic永久入口链接-最新JMComic3.Mic官网地址一键直达 2025-12-17 -
学科网登录入口-初中数学学科网官网登录入口 2025-12-17
最近更新
