Rumah >hujung hadapan web >tutorial css >css怎么使用display显示隐藏元素
css怎么使用display显示隐藏元素
- 青灯夜游asal
- 2021-04-28 18:21:477389semak imbas
css使用display显示隐藏元素的方法：1、给元素设置“display:none;”样式即可隐藏元素；2、给元素设置“display:block;”样式即可将隐藏的元素显示出来。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css display属性
display 属性规定元素应该生成的框的类型。设置：
display: none;隐藏对象display: block;除了转换为块级元素之外，还有显示元素的意思
说明：
使用display: none;可以不占据空间的，把元素隐藏起来，所以动态改变此属性时会引起重排（改变页面布局），可以理解成在页面中把该元素删除掉一样；不会被子孙继承，但是其子孙是不会显示的，毕竟都一起被隐藏了。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素隐藏--display:none</title>
<style>
.display{
display:none;
}
</style>
</head>
<body>
<div>正常显示元素</div>
<div class="display">隐藏元素</div>
<div>正常显示元素</div>
</body>
</html>效果图：
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci css怎么使用display显示隐藏元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css如何实现水平居中Artikel seterusnya：css如何设置元素不可见