189 8069 5689

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://cdxtjz.cn/article/gjdped.html

其他资讯