display:none与visible:hidden的区别
2015-12-17 18:43
211 查看
转自http://www.cnblogs.com/nicholas_f/archive/2009/03/27/1423207.html
<html>
< head>
< title>display:none和visible:hidden的区别</title>
< /head>
< body >
< span style="display:none; 隐藏区域</span><span style=" background-color:Green">显示区域</span><br />
< span style="visibility:hidden; 隐藏区域</span><span style="background-color:Green">显示区域</span>
< /body>
< /html>
现在添加结果示意图:可以看到第一个绿色背景的区域是直接贴着边儿的,也就是说display:none不占空间,而第二行中绿色背景的的显示区域,前面有一块间隔,这一块间隔,就是由visibility:hidden导致的,虽然我们看不到,但是它是占空间的
<html>
< head>
< title>display:none和visible:hidden的区别</title>
< /head>
< body >
< span style="display:none; 隐藏区域</span><span style=" background-color:Green">显示区域</span><br />
< span style="visibility:hidden; 隐藏区域</span><span style="background-color:Green">显示区域</span>
< /body>
< /html>
现在添加结果示意图:可以看到第一个绿色背景的区域是直接贴着边儿的,也就是说display:none不占空间,而第二行中绿色背景的的显示区域,前面有一块间隔,这一块间隔,就是由visibility:hidden导致的,虽然我们看不到,但是它是占空间的
相关文章推荐
- 简单回调机制的基本建立
- 今天创建博客了
- Java基础--面向对象(多态、Object类)
- 最终标准的上拉下拉刷新
- Qt实现嵌入桌面的半透明窗口
- jquery选择器
- 最全Pycharm教程(34)——Pycharm内置终端以及远程SSH工具的使用
- 第6周项目1 - 建立顺序栈算法库.cpp
- Scene
- Java泛型总结
- hdu 1017 A Mathematical Curiosity【枚举+格式】
- Atlassian软件开发工作流程
- 运行时错误 说明: 服务器上出现应用程序错误。此应用程序的当前自定义错误设置禁止远程查看应用程序错误的
- 权限大全
- sql server 常用的函数小汇
- 12月17号 OC语言准备
- WordPress中用于获取及自定义头像图片的PHP脚本详解
- 【WC2013】糖果公园 树上莫队
- GDI 总结三: CImage类使用
- Ext.js问题重现整理(3)(combo)