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>

腾讯云CVM云服务器大硬盘方案400GB和800GB数据盘方案

最近看到群里的不少网友在搭建大数据内容网站,内容量有百万篇幅,包括图片可能有超过50GB,如果一台服务器有需要多个站点的话,那肯定默认的服务器50GB存储空间是不够用的。如果单独在购买数据盘会成本提高不少。这里我们看到腾讯云促销活动中有2款带大数据盘的套餐还是比较实惠的,一台是400GB数据盘,一台是800GB数据盘,适合他们的大数据网站。 直达链接 - 腾讯云 大数据盘套餐服务器这里我们看到当前...

ZJI:韩国BGP+CN2线路服务器,国内三网访问速度优秀,8折优惠码每月实付440元起

zji怎么样?zji最近新上韩国BGP+CN2线路服务器,国内三网访问速度优秀,适用8折优惠码zji,优惠后韩国服务器最低每月440元起。zji主机支持安装Linux或者Windows操作系统,会员中心集成电源管理功能,8折优惠码为终身折扣,续费同价,全场适用。ZJI是原Wordpress圈知名主机商:维翔主机,成立于2011年,2018年9月启用新域名ZJI,提供中国香港、台湾、日本、美国独立服...

日本CN2独立物理服务器 E3 1230 16G 20M 500元/月 提速啦

提速啦的来历提速啦是 网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑 由赣州王成璟网络科技有限公司旗下赣州提速啦网络科技有限公司运营 投资1000万人民币 在美国Cera 香港CTG 香港Cera 国内 杭州 宿迁 浙江 赣州 南昌 大连 辽宁 扬州 等地区建立数据中心 正规持有IDC ISP CDN 云牌照 公司。公司购买产品支持3天内退款 超过3天步退款政策。提速啦的市场定位提速啦主...

displaynone为你推荐
诺诺云代账诺诺云代账系统好用吗?有同行的分享下经验不?公司准备换个财务系统。查字网“很”去掉双人旁读什么?天融信防火墙天融信下一代防火墙有那些特点和优势?弹幕网站A站B站网址是什么,国内很出名嗎?有什么网站特点..mediasRES代表什么意思暴力破解密码用什么方法才能破解别人密码文件系统类型文件系统的类型是 NTFS。无法决定卷版本和状态。CHKDSK 被终止?screencapture求一款这样的截图软件多媒体制作多媒体设计要学什么东西clamwin我用clamWin Free Antivirus扫描,发现有病毒,请教是否有病毒的文件删除?谢谢!
虚拟空间租赁 万网域名查询 动态ip的vps 草根过期域名 BWH tk域名 12306抢票助手 日本空间 英文站群 三拼域名 京东商城双十一活动 空间出租 电子邮件服务器 1g空间 外贸空间 免费asp空间 阿里云免费邮箱 国外在线代理服务器 万网空间 lamp怎么读 更多