css vissibility显示隐藏元素
visibility属性用于指定一个元素应该可见还是隐藏
visibility: visible; 元素可见
visibility: hidden; 元素隐藏
visibility: hidden;隐藏元素后，继续占有原来的位置
display：none；隐藏元素后，不占有不占有原先的位置
代码例子：
<style>.a1{/*visibility: hidden;隐藏元素后，继续占有原来的位置 display：none；隐藏元素后，不占有不占有原先的位置*//* visibility: hidden; */width: 111px;height: 111px;background-color: aqua;}.a2{ width: 111px;height: 111px;background-color: rgb(206, 48, 137);}</style>
</head>
<body><div class="a1">a1</div><div class="a2">a2</div>
</body>
运行结果：
把visibility: hidden;取消注释后
的运行结果：
visibility: hidden;隐藏元素后，继续占有原来的位置。所以会出现空白页面
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！