display:none 和 visibility:hidden的区别
程序员文章站
2024-02-19 08:27:40
...
display:none及visibility:hidden 两者均是隐藏元素,但是还是有区别的
区别:
dispaly:none 隐藏元素后,不占据文档流--会产生回流和重绘
visibility:hidden 隐藏元素,但却占据文档流--会重绘
例如:
<p>我是第一行元素</p>
<p style='display:none'>我是第二行元素</p>
<p style='visibility:hidden'>我是第三行元素</p>
<p>我是第四行元素</p>
推荐阅读
-
display:none 和 visibility:hidden的区别
-
display:none visibility:hidden的区别
-
display:none和visibility:hidden的区别?
-
实例详解display:none与visible:hidden的区别
-
display:none;与visibility:hidden;的区别_html/css_WEB-ITnose
-
解决CSS中 display 与 visibility 的区别
-
visibility:hidden和display:none的区别解析
-
css直观表达关于overflow:visible和overflow:hidden的区别(打印的时候)
-
border:0和border:none的区别是什么
-
display:none和visibility:hidden两者的区别