display:none;时隐藏该html元素，确切的说，是在浏览器中消除该元素，不占屏幕的空间。若其下有其他元素，就会上移到该空间区域。
dispaly:block;显示已经隐藏的html元素，如果别的元素占有了该空间时，他将下移，空间重新别原来的元素占有。
visibility:hidden;隐藏该元素，真正的隐藏，但他还占有那块空间。
visibility:visible;让元素显示。
下面写了一个简单的例子，看一下效果：
将第二行隐藏后依然占据着原来的位置，将第四行隐藏后，不占据原来的位置。
【推荐学习：css视频教程】
以上就是css如何实现显示和隐藏的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
css选择器first-child与first-of-type之间有什么区别？
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
