资讯专栏INFORMATION COLUMN

Better than yesterday-前端【display:none与visibility:h

jemygraw / 1370人阅读

display:none;与visibility:hidden;

相同点:

两者都能实现元素的隐藏

区别:

display:none;元素并不会占据任何物理空间,但是visibility:hidden只是看不到,但是物理上还是存在的【也就是说如果使用display:none;原本该元素占用的空间会在页面布局上消失】

实例:



    
        
        display:none与vivibility:hidden实践
    
    
    
        
第一个div设置display:none
第二个div
第四个div
实现效果

**显而易见的是,第一个div设置了display:none;所以第一个divc从页面布局中消失了
相对的第三个div设置了visibility:hidden;虽然看不到了但是保留了原有的宽高**

美句赏析:

I want all of you,forever,You and me,every day.
我想完全拥有你,你和我,每一天,直到永远。

**希望从现在开始养成写文章的习惯,为了比昨天更好**

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106770.html

相关文章

  • AJAX应用【股票案例、验证码校验】

    摘要:当然了,和具体股票对象应该是全局的变量这样才能够在别的方法中用到二验证码校验对于验证码检查我们并不会陌生,我们在学习的时候已经使用过了验证码检查了。 一、股票案例 我们要做的是股票的案例,它能够无刷新地更新股票的数据。当鼠标移动到具体的股票中,它会显示具体的信息。 我们首先来看一下要做出来的效果: showImg(https://segmentfault.com/img/remote/...

    阿罗 评论0 收藏0
  • python大佬养成计划----difflib模块

    摘要:模块为的标准库模块,无需安装。并且支持输出可读性比较强的文档,与下的命令相似。模块打开文件只能写入类型不管字符串是什么编码方式。 difflib模块 difflib为python的标准库模块,无需安装。用来对比文本之间的差异。并且支持输出可读性比较强的HTML文档,与LInux下的diff 命令相似。在版本控制方面非常有用。 codecs模块 open打开文件只能写入str类型,不管字...

    Shonim 评论0 收藏0
  • PyTips 0x00 - Python 之禅 Pythonic

    摘要:之禅与之禅是语言的设计哲学与所倡导的编程理念,则是指基于理念编写更加符合语法习惯的代码,这也是本项目所追求的目标,因此以本篇作为开头。 Python 之禅与 Pythonic Python 之禅是 Python 语言的设计哲学与所倡导的编程理念,Pythonic 则是指基于 Python 理念编写更加符合 Python 语法习惯(idiomatic Python)的代码,这也是本项目所...

    VishKozus 评论0 收藏0
  • 第 2 章 变量和简单数据类型

    摘要:第章变量和简单数据类型变量就是变量,这个变量存储了一个值。变量的命名和使用变量名字母,数字,下划线。想要永久删除空白,必须把删除操作的结果保存到变量里。除法效果等同于模块中的函数返回不大于的整数所以当运算数是负数时结果会向下取整。 第 2 章 变量和简单数据类型 2.2 变量 message = Hello World! message 就是变量,这个变量存储了一个值。 2.2.1 变...

    mikasa 评论0 收藏0
  • 几种实用的 pythonic 语法

    摘要:生成器可以简单理解成一个函数,每次执行到语句就返回一个值,通过不停地调用这个函数,就能获取到所有的值,这些值就能构成了一个等效的列表,但是与列表不同的是,这些值是不断计算得出,而列表是在一开始就计算好了,这就是的思想。 python 是一门简单而优雅的语言,可能是过于简单了,不用花太多时间学习就能使用,其实 python 里面还有一些很好的特性,能大大简化你代码的逻辑,提高代码的可读性...

    The question 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<