快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

澳门永利娱场所有网址:实例分析CSS属性Display与Visibility不同



大年夜多半人很轻易将CSS属性display和visibility肴杂,它们看似没有什么不合,着实它们的区别却是很大年夜的。

visibility属性用来确定元素是显示照样暗藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示暗藏。当visibility被设置为"hidden"的时刻,元素虽然被暗藏了,但它仍旧盘踞它原本所在的位置。例:

第一行文本将会触发"hidden"和"visible"属性,留意第二行的变更。

由于visibility会保留元素的位置,以是第二行不会移动.

效果:

第一行文本将会触发"hidden"和"visible"属性,留意第二行的变更。

由于visibility会保留元素的位置,以是第二行不会移动.

留意到,当元素被暗藏之后,就澳门永利娱场所有网址不能再接管到其它事故了,以是在第一段代码中,当其被设为"hidden"的时刻,就不能再接管相应到事故了,是以也就无法经由过程鼠标点击第一段文本令其显澳门永利娱场所有网址示出来。另一方面,display属性就有一点不合了。visibility属性是暗藏元素但维持元素的浮动位置,而display实际上是设置元素的浮动特性。当display被设置为block(块)时,容器中所有的元素将会被算作一个零丁的块,就像

元素一样,它会在那个点被放入到页面中。(实澳门永利娱场所有网址际上你可以设置的display:block,使其可以像

一样事情。将display设置为inline,将使其行径和元素inline一样---纵然它是通俗的块元素如

,澳门永利娱场所有网址它也将会被组合成像那样的输出流。着末是display被设置:none,这时元素实际上就从页面中被移走澳门永利娱场所有网址,它下面所在的元素就会被自动跟上添补。下面看我实例的代码和效果:

例:

在蓝色翰墨上点击来查看效果.

您可能还会对下面的文章感兴趣: