博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS 技巧篇(二):visibility:hidden和display:none的区别
阅读量:5893 次
发布时间:2019-06-19

本文共 337 字,大约阅读时间需要 1 分钟。

一、子元素的继承

1、如果后代元素的visibility属性存在则不会继承其父元素的visibility属性值,不存在才会继承其父元素的visibility属性值。例如:父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见;子元素visibility不存在则子元素继承父元素的visibility值为hidden。

2、父元素的display为none,则其后的所有元素都将不可见。

二、占据空间

1、visibility:hidden时,虽然其内容被隐藏,但是它所处的空间仍然被空白所占据。

2、display:none时,内容和空间都被隐藏,如同元素不存在一样。

案例代码 by madman0621 () on .

转载地址:http://hsisx.baihongyu.com/

你可能感兴趣的文章
Android实用代码七段(一)
查看>>
转载:Posix线程编程指南(2)
查看>>
asp.net 6.aspx页面
查看>>
用正则截取自定义的字数,多余的用省略号代替
查看>>
(六)6.7 Neurons Networks whitening
查看>>
python读书笔记-《简明python教程》上
查看>>
求排列的逆序数(分治)
查看>>
[LeetCode]题解(python):138-Copy List with Random Pointer
查看>>
【ssoj2935】询问
查看>>
C#动态编译
查看>>
LINUX系统下的shell命令---diff、cut、sort、uniq等
查看>>
一个小型的文本分类系统-python(文末附语料,停用词文本文档,工程全部代码)...
查看>>
python计算apache总内存
查看>>
Java Programming Test Question 4
查看>>
从零开始搭建webpack+react开发环境
查看>>
结队编程第2次作业
查看>>
待解决问题
查看>>
C# Winform 非空验证
查看>>
同步降压DC-DC转换IC——XC9264
查看>>
Sqli-labs less 12
查看>>