css实现元素隐藏和显示的属性有哪些


本文摘自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隐藏元素后,继续占有原来的位置

阅读剩余部分

相关阅读 >>

jquery如何动态添加删除css样式?(代码示例)

css3实现微信小程序瀑布流布局的代码示例

css声明语句总是以什么结束

css td文字不换行如何实现

如何自定义video播放器样式?

less与sass框架如何使用?

css如何控制网页背景颜色

css如何使页面整体居中

css如何清除下划线?css清除下划线有哪些方法

css ul 不换行怎么实现

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...