CSS中display属性的妙用

本节向大家介绍一下CSS中的display属性的用法，当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像

元素一样，它会在那个点被放入到页面中。

创新互联公司2013年至今，是专业互联网技术服务公司，拥有项目网站制作、成都网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元凉城做网站,已为上家服务,为凉城各地企业和个人服务,联系电话:028-86922220

CSS中display属性使用

visibility属性隐藏元素但保持元素的浮动位置，而display实际上是设置元素的浮动特征。当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像

元素一样，它会在那个点被放入到页面中。

实际上你可以设置的display:block，使其可以像

一样工作。将display设置为inline，将使其行为和元素inline一样---即使它是普通的块元素如

，它也将会被组合成像那样的输出流。***是display被设置：none,这时元素实际上就从页面中被移走，它下面所在的元素就会被自动跟上填充。下面看实例的代码和效果：

例：

 
 
 
  
  
   
  
  
  functiontoggleDisplay(me){  
  
  
  if(me.style.display=="block"){  
  
  
  me.style.display="inline";  
  
  
  alert("文本现在是：'inline'.");  
  
  
  }  
  
  
   
  
  
  else{  
  
  
  if(me.style.display=="inline"){  
  
  
  me.style.display="none";  
  
  
  alert("文本现在是:'none'.3秒钟后自动重新显示。");  
  
  
  window.setTimeout("blueText.style.display='block';",  
  
  
  3000,"JavaScript");  
  
  
  }  
  
  
  else{  
  
  
  me.style.display="block";  
  
  
  alert("文本现在是:'block'.");  
  
  
  }  
  
  
  }  
  
  
  }  
  
  
   
  
  
   
  
  
  在
  
  
  
style="color:blue;position:relative;cursor:hand;"> 
  
  
  蓝色文字上点击来查看效果.

【编辑推荐】

clear属性在CSS中的妙用
五大CSS3新技术用法指导
专家提醒编写CSS时注意的七个方面
实例解析CSS DIV绝对定位与固定定位用法
解读DIV CSS网页布局中CSS无效十个原因

分享题目：CSS中display属性的妙用
文章源于：http://csdahua.cn/article/djjpdhp.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

CSS中display属性的妙用

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

CSS中display属性的妙用

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们