CSS的隐藏方式_html/css
来源：懂视网
责编：小采
时间：2020-11-27 16:34:49
CSS的隐藏方式_html/css
CSS的隐藏方式_html/css_WEB-ITnose:display:none和visibility:hidden的区别 // 1、空间占据display:none;// 隐藏的元素不占文档流visibility:hidden;// 隐藏的元素空间存在(占茅坑、不拉屎)// 2、回流和重绘(reflow/repaint)display:none;// 隐藏参数回流和重绘
导读CSS的隐藏方式_html/css_WEB-ITnose:display:none和visibility:hidden的区别 // 1、空间占据display:none;// 隐藏的元素不占文档流visibility:hidden;// 隐藏的元素空间存在(占茅坑、不拉屎)// 2、回流和重绘(reflow/repaint)display:none;// 隐藏参数回流和重绘
避免循环读取offsetLeft等属性、在循环之前把他们存储起来
进行复杂动画的元素运动时、使用绝对定位、使其脱离文档流。
否则会引起父元素以及后续元素大量的回流
CSS的隐藏方式_html/css
CSS的隐藏方式_html/css_WEB-ITnose:display:none和visibility:hidden的区别 // 1、空间占据display:none;// 隐藏的元素不占文档流visibility:hidden;// 隐藏的元素空间存在(占茅坑、不拉屎)// 2、回流和重绘(reflow/repaint)display:none;// 隐藏参数回流和重绘
