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;
    
    
普通
  

示例2：visibility:hidden， 占位置 隐藏

                              
      
box2
      
        visibility: hidden; 
      
    
    
普通
  

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

                              
      
box3
      
        内容超出了      
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
      
我敲多行~
    
    
box4
  overflow: hidden;
内容超出,超出部分隐藏
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
我敲多行~
  

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