首页 > Web开发 > 详细

html 元素的隐藏与显示

时间:2021-04-03 23:08:48      阅读:28      评论:0      收藏:0      [点我收藏+]

html 元素的隐藏与显示

通过display

隐藏:设置display:none;

显示:修改display: block; 或者修改display为其他值

设置visibility

隐藏: visibility: hidden;

显示: visibility: visible;

设置元素高度

隐藏: 设置元素height:0;同时设置overflow: hidden;

显示:恢复元素原来的高度

设置opacity

隐藏: 设置opacity: 0;

显示: 修改opacity: 1;

设置position

隐藏: 将position改为绝对定位,并给予负值使其移出视口

显示: 将其定位恢复正常

html 元素的隐藏与显示

原文:https://www.cnblogs.com/clearwings/p/14615085.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!