美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

CSS中display属性的妙用

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

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

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

CSS中display属性使用

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

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

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

一样工作。将display设置为inline,将使其行为和元素inline一样---即使它是普通的块元素如
,它也将会被组合成像那样的输出流。***是display被设置:none,这时元素实际上就从页面中被移走,它下面所在的元素就会被自动跟上填充。下面看实例的代码和效果:

例:

 
 
 
  1.  
  2. functiontoggleDisplay(me){  
  3. if(me.style.display=="block"){  
  4. me.style.display="inline";  
  5. alert("文本现在是:'inline'.");  
  6. }  
  7.  
  8. else{  
  9. if(me.style.display=="inline"){  
  10. me.style.display="none";  
  11. alert("文本现在是:'none'.3秒钟后自动重新显示。");  
  12. window.setTimeout("blueText.style.display='block';",  
  13. 3000,"JavaScript");  
  14. }  
  15. else{  
  16. me.style.display="block";  
  17. alert("文本现在是:'block'.");  
  18. }  
  19. }  
  20. }  
  21.  
  22.  
  23. style="color:blue;position:relative;cursor:hand;"> 
  24. 蓝色文字上点击来查看效果.
 

【编辑推荐】

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

网页题目:CSS中display属性的妙用
URL链接:http://www.zsjierui.cn/article/djjpdhp.html

免费获取网站建设与品牌策划方案报价

*主要业务范围包括:高端网站建设, 集团网站建设(网站建设网站制作)找网站建设公司就上美图齐众。
提交需求

    联系我们

    028-86922220
  • 手机:13518219792
  • 地址:成都市太升南路288号锦天国际A幢1002号
  • 24小时服务热线:028-86922220

    网站建设服务

  • 网页设计
  • 网站制作
  • 网站开发

    网站推广服务

  • 营销网站建设
  • 百度快速排名
  • 整站网站推广

    网站运维服务

  • 基础维护
  • 网站改版
  • 网站维护

    FOLLOW US

  • 微信二维码

    微信二维码

Copyright © 2025 资阳站青羊区美图齐众设计工作室(个体工商户) 资阳网站建设公司-选网站建设公司美图齐众!专业的网站制作公司!
All Rights Reserved 版权所有 蜀ICP备2025119604号-1