一二八软件   十几年网站制作经验,满意收工,诚信100%
企业建站 PC+手机端+微站+小程序+App、百度、google国外推广
官网1   官网2
咨询电话 (微信):181 23965 128
 
首页 网站推广 精美网站 定制网站 域名-主机-邮箱 成功案例 网站知识 小 程 序 联系我们
        网站建设
        域名注册
        虚拟主机
        企业邮局
        成品网站
        网站优化排名SEO
        技术知识
        CSSDIV
        AJAX
        PHP知识
        行业资讯
        400电话常见问题
        可信网站常见问题
        Ftp常见问题
 
CSSDIV 位置:首页 > 网站知识 > CSSDIV
div 显示与隐藏1
关键字:网站建设 网站制作 网站设计 购物商城  网站样板  定做网站    来源:   浏览: 2670 人次
 

visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。可以保存下面的代码看看效果:
具体步骤:
代码示例:

<div style="border:1px solid #000;background:#eee">
<span style="width:200;height:200;visibility:hidden"></span>
←SS属性为visibility:hidden的对象
</div><br>
<div style="border:1px solid #000;background:#666">
<span style="width:200;height:200;display:none"></span>
←SS属性为display:none的对象
</div>

 特别提示
       用visibility属性控制隐藏的对象还占据着它显示时的位置,而display则没有。

特别说明

display属性设置元素的显示方式,对应脚本特性为display,可选值为none、block和inline,各值的说明如下:
none 隐藏元素,不保留元素显示时的空间。
block块方式显示元素。
inline 以内嵌方式显示元素。
inline-block对象显示为内嵌元素,但所有子对象都显示为块元素,相邻的内嵌元素将显示在同一行,允许空格。
list-item 将块元素显示为列表对象,并可以添加项目标点。(需要IE6.0+支持)
table-header-group 将元素作为表格标题组显示,相当于tHead元素。
table-footer-group 将元素作为表格脚注组显示,相当于tFoot元素。
visibility属性设置是否显示元素,对应的脚本特性为visibility,可选值为inherit、hidden和visible,各值的说明如下:
inherit 继承父元素的visibility属性设置。
hidden 隐藏元素,但保留其所占空间。
visible 显示元素(默认值)。

[ 关 闭 ]
由于一些内容和图片来源于互联网,如果发现有涉嫌侵犯您的版权,请联系QQ:274087488 或发送邮件至:274087488@qq.com,我们将立刻删除涉嫌侵权的内容。
首页  |  关于我们  |  网站建设  |  网站推广  |  域名注册  |  虚拟主机  |  企业邮箱  |  网站知识  |  网站优化排名SEO  |  网站地图  |  法律声明  |  友情链接  |  客户反馈  |  联系我们

一二八软件
  咨询热线(微信):181 23965 128     QQ:274087488 , 2502198816
电话:0755-25692900     传真:0755-25692900     E-mail:128@128.in    网址1:https://www.128.in
Copyright © 2005-2022 深圳市一二八软件有限公司 All Right Reserved. 网址2:http://www.128web.cn
粤公网安备 44030702001693号     备案/许可证编号:粤ICP备15073280号   
 
扫一扫 打开网站   扫一扫 加我微信
咨询电话(微信)
181 23965 128

扫一扫 加我微信