zoukankan      html  css  js  c++  java
  • display:none和visiblity:hidden区别

    相同:

    1、两者都能隐藏元素。

    不同:

    1、display:none 不占页面空间,visiblity:hidden 占据原先页面空间。

    这里必须说明的是,元素不占页面空间后,取该元素或其内部元素的宽高值永远是0。如果想隐藏又想取到宽高值,那就得用visiblity:hidden。

    2、display:none 的子元素也一定无法显示,visiblity:hidden 的子元素可以设置显示。

    display:none元素及其子元素都将隐藏,而visiblity:hidden元素的子元素却可以设置visibility: visible 显示出来。在这一点上,如果页面是比较复杂或者是不受控制的,就要慎重使用visiblity:hidden,因为保不齐哪个元素被设置成可见,影响显示效果。

    3、display:none 引起页面重绘和回流, visiblity:hidden 只引起页面重绘。

    visiblity:hidden 看起来的性能比display:none好些,在两者都能使用情况下,可先考虑visiblity:hidden。但也不用千方百计用visiblity:hidden,用哪个还是看需求,性能优化只是其中一部分,莫要本末倒置。

     
  • 相关阅读:
    day03接口的初期认识
    day03模板方法设计模式
    day02抽象类的练习
    day02抽象类1
    final 关键字
    day01子类与父类特点
    day01继承extends
    day01函数的重载
    图解HTTPS
    编译的时候遇到 The type java.lang.Object cannot be resolved.
  • 原文地址:https://www.cnblogs.com/feiyu159/p/8046947.html
Copyright © 2011-2022 走看看