美文网首页
2018-09-14 display:'none'和visibi

2018-09-14 display:'none'和visibi

作者: 演不完的电影 | 来源:发表于2018-09-14 19:17 被阅读0次

1、display:none 不为被隐藏的对象保留其物理空间 visibility:hidden 为被隐藏的对象保留其物理空间
也就是display:;当他的值变成block 的时候,它所在的结构才会被加载进来。
而visibility就会在加载页面的同时就已经把它加载进来了,因为他的值为hidden的时候,它所占的空间还在。
2、空间占据的不同
display:none隐藏后不占据额外空间,它会产生回流和重绘,而visibility:hidden和opacity:0元素虽然隐藏了,但它们仍然占据着空间,它们俩只会引起页面重绘。

相关文章

网友评论

      本文标题:2018-09-14 display:'none'和visibi

      本文链接:https://www.haomeiwen.com/subject/uckagftx.html