css中visiblity和display异同详解

  发布时间:2014-02-24 11:23:56   作者:佚名   我要评论
visiblity 是设置元素的可见性,即可见 / 隐藏;display 是设置元素按什么样的方式来显示,是按块显示,不了解的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

visiblity 是设置元素的可见性,即可见 / 隐藏;隐藏后元素所占有位置保留;

display 是设置元素按什么样的方式来显示,是按块显示,显示成一条线的形式,显示为“消失”等等,当display为none时,元素看不见,且其所占位置也空出来了。

sildeDown()和slideUp()方法只能对display属性隐藏的元素进行操作,对visiblity=hidden隐藏的元素,这两个方法改变不了显示隐藏。

相关文章

  • 使用CSS的border-radius属性 设置圆弧

    这篇文章主要介绍了使用CSS的border-radius属性 设置圆弧,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-26
  • 详解CSS3中的box-sizing(content-box与border-box)

    这篇文章主要介绍了CSS3中的box-sizing(content-box与border-box)的相关资料,需要的朋友可以参考下
    2019-04-19
  • 使用CSS的border属性绘制各种几何形状的方法

    这篇文章主要介绍了使用CSS的border属性绘制各种几何形状的方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们
    2019-03-01
  • CSS绘制三角形的实现代码(border法)

    这篇文章主要介绍了CSS绘制三角形的实现代码(border法)的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-11
  • 详解CSS3 用border写 空心三角箭头 (两种写法)

    本篇文章主要介绍了CSS3 用border写 空心三角箭头 (两种写法),非常具有实用价值,需要的朋友可以参考下
    2017-09-29
  • 在线CSS边框圆角效果代码工具

    这是一款由程序员之家翻译自国外网站的在线CSS工具,可在线调整生成样式的边框圆角效果,以及边框的宽度、颜色、样式等属性,还可实时预览生成的CSS代码,并支持一键复制代码
    2017-09-19
  • css display inline block 兼容性问题写法

    今天在写布局的时候发现的一个bug,如果不这样就达不到预期的效果,无法两行排列,原来ie6、ie7下对display:inline-block不支持,所以需要用到css hack才可以
    2016-01-10
  • 深入浅析css3 中display box使用方法

    css3给display属性提供了box这个值,极大的方便了开发者,下面给大家介绍css3 display box具体用法,对css3 display box相关知识感兴趣的朋友一起学习吧
    2015-11-25
  • CSS3 display知识详解

    本篇文章给大家介绍css3 display知识详解,涉及到css3 display相关知识,感兴趣的朋友一起学习吧
    2015-11-25
  • 深入解析CSS的display:inline-block属性的使用

    这篇文章主要介绍了CSS的display:inline-block属性的使用,其中对使用时产生的空隙问题的解决作了重点讲解,需要的朋友可以参考下
    2015-11-09

最新评论


http://www.vxiaotou.com