zoukankan      html  css  js  c++  java
  • css中display为none 和visibility为hidden的区别

    区别一:
    display:none
    Turns off the display of an element (it has no effect on layout); 
    all child elements also have their display turned off. 
    //隐藏这个元素;所有的子元素也跟着他隐藏.
    visibility:hidden
    The box is invisible (fully transparent, nothing is drawn), but still affects layout.  
    Descendants of the element will be visible if they have visibility:visible 
    (this doesn't work in IE up to version 7).
    //这个容器不可见(完全透明),但占有布局.后代(子)元素将会显示,如果设有visible属性
     
    区别二:
    display为none时,元素不占用页面流,就好像该元素不存在一样.
    visibility为hidden时,仍然占用页面流,也就是这块区域虽然不可见,但是占据一块空间.
  • 相关阅读:
    20170612测试
    vijos1453曼哈顿距离
    vijos1153 猫狗大战
    vijos1037搭建双塔
    dijkstra+priority_queue+vector
    BZOJ1507: [NOI2003]Editor
    dinic模板
    旅行-树形DP
    51nod1799-二分答案
    51nod1791-合法括号子段
  • 原文地址:https://www.cnblogs.com/ryanlamp/p/4112925.html
Copyright © 2011-2022 走看看