首页 > 代码库 > 关于html与css中隐藏一个元素的几种方法
关于html与css中隐藏一个元素的几种方法
1，将元素的display属性设为none
<div style="display:none">看不见我</div>
2，<input>标签元素的type属性设为hidden
<input type="hidden" name="看不见我">
3，将元素的width和heigth都设为0
<div style=“width：0；heigth：0；background-color：red”>标签被隐藏但能看见我</div>
4，元素的祖先元素是隐藏的，该元素是不显示的
<div style="display: none;"> <div>看不见我</div> <div>看不见我</div> </div>
5，将visibility设为hidden（ visibility属性指定一个元素是否是可见的，即使不可见的元素也会占据页面上的空间）
h1 {visibility:hidden}
6，将opacity设为0 （ Opacity属性设置一个元素了透明度级别，从0.0（完全透明）到1.0（完全不透明））
div{opacity:0;}
关于html与css中隐藏一个元素的几种方法
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。