本文摘自PHP中文网，作者藏色散人，侵删。
css实现div显示隐藏的方法：1、使用CSS的display属性来隐藏或显示div；2、使用CSS的visibility属性来隐藏或显示div即可。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
CSS 实现div显示或隐藏的三种方法（display 和 visibility的区别）
1、使用CSS的 display 属性来隐藏或显示div：
display 属性规定元素应该 生成的框的类型，可以通过 display：none 来隐藏某一元素。
1 2 3 |
|
2、使用CSS的 visibility 属性来隐藏或显示div：
visibility 属性指定一个元素是否是可见的，可以通过 visibility：hidden 来隐藏某一元素。
1 2 3 |
|
display 和 visibility 属性的区别：
display属性设置一个元素应该如何显示，而visibility属性指定一个元素应可见还是隐藏。
隐藏元素 -display:none 或 visibility:hidden
隐藏一个元素可以通过把display属性设置为none，或把visibility属性设置为hidden。但是请注意，这两种方法会产生不同的结果。
相关阅读 >>
html中图片显示方式-----img与background的区别
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
