css如何不顯示元素
- coldplay.xixi原創
- 2021-04-15 17:07:134844瀏覽
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;
height: 100px;
background: #cad5eb;
}
.title {
height: 40px;
background: #54a962;
}
.content {
height: 60px;
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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn