visibility:hidden是什么意思_css教程,visibility

CSS ytg3114 4个月前 (06-27) 205次浏览 0个评论 扫描二维码

display:none与visibility:hidden的区别是什么_css教程

【display:none】与【visibility:hidden】的区别是:1、前者不为被隐藏的对象保留其物理空间,后者为被隐藏的对象保留其物理空间;2、前者值变成block的时候结构才会被加载进来,后者加载页面的同时就已经把它加载进来。

在css中visibility属性规定元素是否可见,其中visible为元素可见,hidden为元素不可见,所有主流浏览器都支持visibility属性,但是,任何的版本的Internet Explorer【包括 IE8】都不支持。

visibility:hidden是什么意思_css教程,visibility

CSS visibility 属性规定元素是否可见。

  • visible 元素可见。

  • hidden 元素不可见。

    display:block属性的作用是什么_css教程

    css中的display是设置元素显示的方式,block是一块状元素的方式显示,inline是以内联元素的方式显示,none是不显示,块状元素会单独占据一样,其他元素跟他在同一行的会被迫换行,挤到下一行。

  • collapse 在表格元素中使用时,此值可删除一行或一列,但它不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 “hidden“。

  • inherit 从父元素继承 visibility 属性的值。

你在 html 里面写的东西默认情况下就是属于 visibility:visible; 即元素可见。当某些情况下,你让元素不可见了:visibility:hidden; 再通过一些事件触发后让元素变成可见,就要用到这个visibility:visible; 。

display:none的区别,你理解是对的,display:none; 以后,元素是不占位的。

推荐教程: 《css教程》

以上就是visibility:hidden是什么意思的详细内容,更多请关注ki4网其它相关文章!

block元素的特点有哪些_css教程

block元素的特点有:1、总是在新行上开始;2、高度,行高以及顶和底边距都可控制;3、宽度缺省是它的容器的100%,除非设定一个宽度。


搜讯息 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:visibility:hidden是什么意思_css教程,visibility
喜欢 (0)
[1353713598@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址