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>

Digital-vm80美元,1-10Gbps带宽日本/新加坡独立服务器

Digital-vm是一家成立于2019年的国外主机商,商家提供VPS和独立服务器租用业务,其中VPS基于KVM架构,提供1-10Gbps带宽,数据中心可选包括美国洛杉矶、日本、新加坡、挪威、西班牙、丹麦、荷兰、英国等8个地区机房;除了VPS主机外,商家还提供日本、新加坡独立服务器,同样可选1-10Gbps带宽,最低每月仅80美元起。下面列出两款独立服务器配置信息。配置一 $80/月CPU:E3-...

特网云(198元/月),高质量云虚拟主机低至0.16元/天,裸金属服务器仅需10.5元/天

特网云为您提供高速、稳定、安全、弹性的云计算服务计算、存储、监控、安全,完善的云产品满足您的一切所需,深耕云计算领域10余年;我们拥有前沿的核心技术,始终致力于为政府机构、企业组织和个人开发者提供稳定、安全、可靠、高性价比的云计算产品与服务。官方网站:https://www.56dr.com/ 10年老品牌 值得信赖 有需要的请联系======================特网云推出多IP云主机...

WebHorizon($10.56/年)256MB/5G SSD/200GB/日本VPS

WebHorizon是一家去年成立的国外VPS主机商,印度注册,提供虚拟主机和VPS产品,其中VPS包括OpenVZ和KVM架构,有独立IP也有共享IP,数据中心包括美国、波兰、日本、新加坡等(共享IP主机可选机房更多)。目前商家对日本VPS提供一个8折优惠码,优惠后最低款OpenVZ套餐年付10.56美元起。OpenVZCPU:1core内存:256MB硬盘:5G NVMe流量:200GB/1G...

displaynone为你推荐
deviceidAndroid里DeviceId和AndroidId都是什么意思?rownumbersql server 2005中row_number怎么用vipjrvipjr怎么样?有真实体验的来说一下php论坛怎样快速在个人电脑上建立一个自己的PHP论坛服务器?色库赤峰中色库博红烨锌业有限公司就是冶炼厂在 赤峰的 什么地方,一 人知道吗???booth算法用Booth算法计算-4×3的4位补码乘法运算,要求写出每一步运算过程及运算结果 麻烦详细说明每一步的操作mergecellsExcel 合并及计数宏 VBA文件系统类型在windows系统中,常见的文件类型主要由哪几种?index是什么意思MySQL里面有一个INDEX关键字,它是什么意思index是什么意思有些网址后面带有index.html是什么意思
国际域名 免费cn域名注册 免费域名申请 购买域名和空间 warez 支付宝扫码领红包 域名与空间 架设邮件服务器 免费asp空间申请 服务器论坛 申请免费空间 如何登陆阿里云邮箱 服务器是什么意思 远程登录 asp简介 crontab qq部落18-3 sockscap下载 免费网络电视直播 qq空间登入 更多