本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
css实现显示隐藏的方法：1、使用display属性，语法“display:none|block;”隐藏和显示html元素；2、使用visibility属性，语法“visibility:hidden|visible”隐藏和显示html元素。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在平时的开发过程中，总是会遇到一些文字在特定的场景下显示或者隐藏来达到我们想要的效果，css中display和visibility语法，他们都可以隐藏和显示html元素。看起来貌似一样，但是他们还是有一定的区别的。
首先先来看一下display和visibility的属性
display属性设置元素的显示方式，对应脚本特性为display，可选值为none、block和inline，各值的说明如下：
none：隐藏元素，不保留元素显示时的空间。
block：块方式显示元素。
inline：以内嵌方式显示元素。
visibility属性设置是否显示元素，对应的脚本特性为visibility，可选值为inherit、hidden和visible，各值的说明如下：
inherit：继承父元素的visibility属性设置。
hidden：隐藏元素，但保留其所占空间。
visible：显示元素(默认值)。
使用的时候的说明：
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
