visibility和hidden

CSS中的display和visibility
     在平时的开发过程中，总是会遇到一些文字在特定的场景下显示或者隐藏来达到我们想要的效果，css中display和visibility语法，他们都可以隐藏和显示html元素。看起来貌似一样，但是他们还是有一定的区别的。
    首先先来看一下display和visibility的属性
    display属性设置元素的显示方式，对应脚本特性为display，可选值为none、block和inline，各值的说明如下：
    none 隐藏元素，不保留元素显示时的空间。
    block块方式显示元素。
    inline 以内嵌方式显示元素。
    visibility属性设置是否显示元素，对应的脚本特性为visibility，可选值为inherit、hidden和visible，各值的说明如下：
    inherit 继承父元素的visibility属性设置。
    hidden 隐藏元素，但保留其所占空间。
    visible 显示元素(默认值)。

使用的时候的说明：
    display:none;时隐藏该html元素，确切的说，是在浏览器中消除该元素，不占屏幕的空间。若其下有其他元素，就会上移到该空间区域。
    dispaly:block;显示已经隐藏的html元素，如果别的元素占有了该空间时，他将下移，空间重新别原来的元素占有。
     visibility:hidden;隐藏该元素，真正的隐藏，但他还占有那块空间。

visibility:visible;让元素显示.

visibility和hidden相关推荐

使用display：none和visibility：hidden隐藏的区别
今天做毕设时遇到了一个小问题,我做了一个tab导航栏,点击一个tab页其它tab页隐藏,这时候第一想法是使用display:none来控制显示隐藏,写了之后发现使用display会有一个问题,就是第二 ...
display none 隐藏后怎么显示_display:none与visibility：hidden的区别？
" 因为平时总是觉得自己不停的修改bug,好记性不如烂笔头,所以把自己每天遇到问题记录下来." 要想知道两者的区别,就要知道他们代表的是什么意思, 其实两者都是对内容进行隐藏的的声 ...
隐藏的区别：display:none 和visibility：hidden
** display:none 和visibility:hidden的区别 ** display: 隐藏对应的元素,并挤占该元素对应的位置给2号div加display:none后2号div的位置被3 ...
display(block,inline,none),visibility(visible,hidden)之间的关系及区别（不同）
这段时间一直对display属性的block,inline,none和visibility属性的visible,hidden一直很模糊,总觉得很难理解,通过下面这个实例,就可以很好的牢记这几者之间的区 ...
元素隐藏的三种方式对比（针对移动端项目中的按钮，先隐藏且不能被点击 visibility:hidden）
元素隐藏的三种方式对比 display:none opacity:0 visibility:hidden 项目需求表面一个图片遮罩,鼠标hover遮罩消失,内部元素展现,其中有一个按钮在移动端是手指 ...
display:none和visibility:hidden的区别
在使用CSS隐藏一些元素时,我们经常用到 display:none 和 visibility:hidden.两者差别如下: 1. 是否占据空间 display:none,该元素不占据任何空间,在文档渲 ...
display：none 和 visibility:hidden的区别
display:none; 隐藏对应的元素,在文档布局中不再给它分配空间,它各边的元素会合拢,就当它从来不存在 visibility:hidden; 隐藏对应的元素,但是在文档布局中仍保留原来的空间
display:none和visibility:hidden和透明度的区别
**当想实现一个区域或者内容的消失(隐藏)**,我们有多种代码可以实现.但是根据要求和用户体验,应该选择最合适的方法实现.代码中最常用的代码包括:display:none; visibility:hi ...
CSS属性中Display与Visibility
visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征. visibility属性用来确定元素是显示还是隐藏,这用visibility="visi ...
CSS的几个属性display,float,clear,overflow,visibility
http://colobu.com/2014/08/28/CSS-display-float-clear-overflow-visibility/ display属性:block/inline/non ...

visibility和hidden

visibility和hidden相关推荐

最新文章

热门文章