CSS中用于隐藏的属性是哪个

这篇文章主要介绍“CSS中用于隐藏的属性是哪个”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS中用于隐藏的属性是哪个”文章能帮助大家解决问题。

公司主营业务:网站建设、成都网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出和政免费做网站回馈大家。

用于隐藏的3个属性:1、visibility,当属性值为“hidden”时,可占位置的隐藏元素本身;2、display,当值为“none”,可不占位置的隐藏元素本身;3、overflow,当值为“hidden”时,可隐藏超出盒子的内容部分。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS中用于隐藏的属性和值

  • visibility:hidden 隐藏元素本身,并且在网页中 占位置

  • display:none 隐藏元素本身,并且在网页中 不占位置 (常用)

  • overflow:hidden 隐藏超出盒子的内容部分(超出的内容隐藏但不占位)

示例1:display:none 不占位置 隐藏



  
    
    
    
    隐藏元素
    
  
  
    
      

box1

      

display: none;

    
    
普通
  

CSS中用于隐藏的属性是哪个

示例2:visibility:hidden, 占位置 隐藏



  
    
    
    
    隐藏元素
    
  
  

    
      

box2

      

        visibility: hidden;        

    
    
普通
  

CSS中用于隐藏的属性是哪个

示例3:overflow:hidden 隐藏超出盒子的内容部分



  
    
    
    
    隐藏元素
    
  
  
    
      

box3

      

        内容超出了       

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

      

我敲多行~

    
    

box4

  overflow: hidden;内容超出,超出部分隐藏

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

我敲多行~

  

CSS中用于隐藏的属性是哪个

关于“CSS中用于隐藏的属性是哪个”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


新闻名称:CSS中用于隐藏的属性是哪个
网站路径:http://scjbc.cn/article/gjdped.html

其他资讯