本文摘自PHP中文网,作者青灯夜游,侵删。
实现属性有:1、display属性,值为“none”时隐藏元素,为“block”时显示元素;2、visibility属性,值为“hidden”时隐藏元素,为“visible”时显示元素;3、overflow属性;4、opacity属性。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
元素的显示与隐藏
本质:让一个元素在在页面中隐藏或者显示出来。
css可以实现元素隐藏和显示的属性
1:display属性
display: none;
隐藏对象display: block;
除了转换为块级元素之外,还有显示元素的意思
注意:display隐藏元素之后,不再占有原来的位置
2.visibility属性
visibility: visible;
元素可视visibility: hidden;
元素隐藏
注意:visibility隐藏元素后,继续占有原来的位置
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者