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>

BuyVM($5/月),1Gbps不限流量流媒体VPS主机

BuyVM针对中国客户推出了China Special - STREAM RYZEN VPS主机,带Streaming Optimized IP,帮你解锁多平台流媒体,适用于对于海外流媒体有需求的客户,主机开设在拉斯维加斯机房,AMD Ryzen+NVMe磁盘,支持Linux或者Windows操作系统,IPv4+IPv6,1Gbps不限流量,最低月付5加元起,比美元更低一些,现在汇率1加元=0.7...

CloudCone($82/月)15-100M不限流量,洛杉矶CN2 GIA线路服务器

之前分享过很多次CloudCone的信息,主要是VPS主机,其实商家也提供独立服务器租用,同样在洛杉矶MC机房,分为两种线路:普通优化线路及CN2 GIA,今天来分享下商家的CN2 GIA线路独立服务器产品,提供15-100Mbps带宽,不限制流量,可购买额外的DDoS高防IP,最低每月82美元起,支持使用PayPal或者支付宝等付款方式。下面分享几款洛杉矶CN2 GIA线路独立服务器配置信息。配...

百纵科技,美国独立服务器 E52670*1 32G 50M 200G防御 899元/月

百纵科技:美国高防服务器,洛杉矶C3机房 独家接入zenlayer清洗 带金盾硬防,CPU全系列E52670、E52680v3 DDR4内存 三星固态盘阵列!带宽接入了cn2/bgp线路,速度快,无需备案,非常适合国内外用户群体的外贸、搭建网站等用途。C3机房,双程CN2线路,默认200G高防,3+1(高防IP),不限流量,季付送带宽美国洛杉矶C3机房套餐处理器内存硬盘IP数带宽线路防御价格/月套...

displaynone为你推荐
微信收款语音播报怎么设置怎么修改微信收款提示音空白代码空白名字代码郭凡生慧聪的董事长是谁?跟马云比,怎么样?spawningVC中Error spawning cl.exe错误的解决方法.imqq官网中国v家官网网址memsql易语言的msql连接怎么不成功,错哪呢?系统论坛怎么进论坛菜霸为什么现在都在说生意难做?easeljs如何使用createjs来编写html5游戏银联商务招聘银联商务的正式工与派遣工有啥区别
手机网站空间 vps优惠码cnyvps 域名解析服务器 flashfxp怎么用 轻博 hinet 卡巴斯基破解版 上海联通宽带测速 个人免费主页 厦门电信 starry php服务器 阵亡将士纪念日 买空间网 广州服务器托管 asp空间 万网服务器 国外免费网盘 热云 byebyelove 更多