您的当前位置：首页 CSS属性中Display与Visibility与type：hidden区别

CSS属性中Display与Visibility与type：hidden区别

来源：意榕旅游网

visibility属性是隐藏元素但保持元素的浮动位置，⽽display实际上是设置元素的浮动特征。

visibility属性⽤来确定元素是显⽰还是隐藏，这⽤visibility=\"visible|hidden\"来表⽰，visible表⽰显⽰，

hidden表⽰（仅）隐藏，不可恢复。

当visibility被设置为\"hidden\"的时候，元素虽然被隐藏了，1、仍然占据它原来所在的位置。visibility会保留元素的位置.

2、元素被隐藏之后，就不能再接收到其它事件了，当其被设为\"hidden\"的时候，就不能再接收响应到事件了，因此也就⽆法通过JS令其显⽰出来。

display属性就有⼀点不同了。none隐藏（元素消失），可恢复inline,block显⽰

1、display被设置为block(块)时，容器中所有的元素将会被当作⼀个单独的块，就像

元素⼀样，它会在那个点被放⼊到页⾯中。(实际上你可以设置的display:block，使其可以像

⼀样⼯作。

2、display设置为inline，将使其⾏为和元素inline⼀样---即使它是普通的块元素如

，它也将会被组合成像那样的输出流。最后是display被设置：none,这时元素实际上就从页⾯中被移⾛，它下⾯所在的元素就会被⾃动跟上填充。

这是⼀段可见的段落。

2: 3:
4：

为什么

提⽰：

1.input标签有type=\"hidden\"属性对hide()和show()⽅法不管⽤，但是可以通过prop改变属性type为text来解决；2.但是div标签有type=\"hidden\"属性对hide()和show()⽅法可⽤，div⽆type=\"hidden\"属性；但是有hidden =\"hidden\"和style=\"display:none;\"属性且对hide()和show()⽅法可⽤

3.然⽽input标签的hidden = \"hidden\"和style=\"display:none;\"对hide()和show()⽅法可⽤。

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务