通过display或visibility来隐藏html元素的区别
来源:互联网 发布:阿胶糕牌子知乎 编辑:程序博客网 时间:2024/05/16 06:57
1、使用style=”display:none;” 来隐藏html元素
将元素的显示设为无,元素在网页中不占任何的位置。
<input value="cc1"></input><input value="cc2" style="display:none;"></input><input value="cc3"></input>
显示html元素使用style=”display:block”。
2、使用style=”visibility:hidden;”来隐藏html元素
将元素隐藏,但是元素在网页中的位置还是被占着。
<input value="cc1"></input><input value="cc2" style="visibility:hidden;"></input><input value="cc3"></input>
显示html元素使用style=”visibility:visible”。
visibility还可以被设置为collapse和inherit。
collapse在表格元素中使用时,此值可删除一行或一列,但它不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 “hidden”。
<table border="1"><tr><td>cc</td></tr><tr style="visibility:collapse;"><td>cc</td></tr><tr><td>cc</td></tr></table>
inherit从父元素继承 visibility 属性的值。
0 0
- 通过display或visibility来隐藏html元素的区别
- html 元素隐藏设置时 display和visibility的区别
- visibility和display隐藏元素的区别
- display与visibility隐藏元素的区别
- display 与 visibility 的区别(隐藏Dom元素)
- CSS中display和visibility隐藏元素的区别
- CSS隐藏元素 display visibility opacity的区别
- CSS隐藏元素 display visibility opacity的区别
- CSS隐藏元素 display visibility opacity的区别
- CSS隐藏元素 display visibility opacity的区别
- CSS隐藏元素 display visibility opacity的区别
- 隐藏元素 display:none visibility: hidden区别
- display和visibility隐藏元素
- 元素隐藏overflow,visibility,display
- 控制HTML元素的显示与隐藏——display和visibility
- 控制HTML元素的显示与隐藏——display和visibility
- 控制HTML元素的显示与隐藏——display和visibility
- display:none或visibility:hidden的区别
- 视频编解码之理论概述 和即时通信
- 学习运维——文件归档及传输
- iOS 自动布局框架 – Masonry 详解
- PHP垃圾回收机制详解PHP垃圾回收机制详解
- 基础练习 高精度加法
- 通过display或visibility来隐藏html元素的区别
- luogu1231 教辅的组成
- 【BZOJ 1024】[SCOI2009]生日快乐
- 基本搜索算法
- CALyer的详解
- hiveQL Select Order By
- PHP运行模式
- 常用正则表达式(持续补充
- 使用kcptun给VPS(shadowsocks)加速