displaynone为什么display:none css代码无用

displaynone  时间:2021-07-02  阅读:()

请问各位,html5中的hidden和display:none 有什么区别,hidden适合用在什么情况下?

display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:

display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。

例如有三个table,将中间的一个table hidden掉,你会发现在那个被hidden的table看不见了,但是,中间会留有很大的一空白,而这个空白就是这个table没有被隐藏时所占的位置

而none的作用更像是把元素从网页中“去除”(当然不是真的去除,只是效果是如此)

例如有三个table,将中间的一个table none掉,你会发现在剩下的两个table中间不会有任何的空白。

就好像中间的那个table从来不存在过一样

hidden适合用在什么情况下:

可以在某一块隐藏的区域做触发点击事件。

为什么display:none css代码无用

为什么display:none css代码无用,首先我们需要理解就是display的意思,它代表css的块与行元素的处理,如将块元素,转化成行元素,都是通过这个来实现,如display:block就代表这个元素变成了块级元素,拥有width和height的属性,问题中的display:none没效的原因可能就是因为这个元素并不是一个块级元素,因而设置none对它是没影响的,具体看下代码: <html> <head> <style> span{ widht:220px; height:300px; display:none; //因为span是行级元素,所有width和height都是没有用的,因此display的属性也是不会执行的 } </style> </head> <body> <span>我是测试文字</span> </body> </html>

提速啦(69元起)香港大带宽CN2+BGP独享云服务器

香港大带宽服务器香港大带宽云服务器目前市场上可以选择的商家十分少,这次给大家推荐的是我们的老便宜提速啦的香港大带宽云服务器,默认通用BGP线路(即CN2+BGP)是由三网直连线路 中国电信骨干网以及HGC、NTT、PCCW等国际线路混合而成的高品质带宽(精品带宽)线路,可有效覆盖全球200多个国家和地区。(适用于绝大部分应用场景,适合国内外访客访问,域名无需备案)提速啦官网链接:点击进入香港Cer...

小渣云(36元/月)美国VPS洛杉矶 8核 8G

小渣云 做那个你想都不敢想的套餐 你现在也许不知道小渣云 不过未来你将被小渣云的产品所吸引小渣云 专注于一个套餐的商家 把性价比 稳定性 以及价格做到极致的商家,也许你不相信36元在别人家1核1G都买不到的价格在小渣云却可以买到 8核8G 高配云服务器,并且在安全性 稳定性 都是极高的标准。小渣云 目前使用的是美国超级稳定的ceranetworks机房 数据安全上 每5天备份一次数据倒异地 支持一...

云如故枣庄高防(49元)大内存2H2G49元8H8G109元

云如故是一家成立于2018年的国内企业IDC服务商,由山东云如故网络科技有限公司运营,IDC ICP ISP CDN VPN IRCS等证件齐全!合法运营销售,主要从事自营高防独立服务器、物理机、VPS、云服务器,虚拟主机等产品销售,适合高防稳定等需求的用户,可用于建站、游戏、商城、steam、APP、小程序、软件、资料存储等等各种个人及企业级用途。机房可封UDP 海外 支持策略定制 双层硬件(傲...

displaynone为你推荐
ipv6无网络访问权限电信本地连接IPv6无网络访问权限是什么意思adversary英语match,是什么意思.?foxmail邮箱注册如何注册一个foxmail邮箱rdlDVD±RW/±RDL/RAM 具体什么意思网关和路由器的区别网关和路由器有什么区别bindservice安卓里 remote service到底有什么用vipjr大家觉得vipjr少儿英语怎么样?靠谱不欢迎页面怎样取消“欢迎页面”?faq是什么意思fans是什么意思?booth算法用Booth算法计算-4×3的4位补码乘法运算,要求写出每一步运算过程及运算结果 麻烦详细说明每一步的操作
mysql虚拟主机 新网域名 yaokan永久域名经常更换 免费二级域名注册 合租服务器 免费域名申请 骨干网 瓦工 好看的桌面背景图 免费个人网站申请 seednet 常州联通宽带 域名dns 西安服务器托管 游戏服务器出租 如何登陆阿里云邮箱 japanese50m咸熟 建站论坛 hosts文件修改 服务器是什么 更多