元素显示 visibility与display的差别 - 程序员的痛 - ITeye博客

`

leves

浏览: 181729 次
性别:
来自: 杭州

最近访客更多访客>>

xiangshouxiyang

Black_Me

javabang

彩鸟飞

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

abc20899：对啊！报错！楼主你测试了吗？
Java7 - 新特性之对集合类的语言支持
zskangs1126：
Facebook 的系统架构
ccxiajie： List list={"hello"}; ...
Java7 - 新特性之对集合类的语言支持
luoyahu：请不要把你的兴趣变成工作，因为那样会毁了你的兴趣。
一些对程序员的建议（不要轻易的让人帮你决定，那怕是你的家人）
coral0212：我也尝试创过业，但我觉得我这种人是“谋士”，不是能攻城拔寨的“ ...
一些对程序员的建议（不要轻易的让人帮你决定，那怕是你的家人）

元素显示 visibility与display的差别

博客分类：

Web

阅读更多

div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:

　　style="visibility: none;"

　　document.getElementById("typediv1").style.visibility="hidden";//隐藏

　　document.getElementById("typediv1").style.visibility="visible";//显示

　　通过设置display属性可以使div隐藏后释放占用的页面空间，如下

　　style="display: none;"

　　document.getElementById("typediv1").style.display="none";//隐藏

　　document.getElementById("typediv1").style.display="";//显

分享到：

position属性详解 | Android入门第十篇之PopupWindow

2011-01-04 21:09
浏览 851
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

display与visibility的区别: 在网页布局与样式设计中，`display`与`visibility`属性是控制元素显示状态的两种常用方式。尽管它们都能达到隐藏或显示元素的目的，但两者之间存在本质的区别。本文将深入探讨这两种属性的工作原理、应用场景以及...

通过display或visibility来实现HTML元素的显示与隐藏: 首先，display属性是用于设置元素显示方式的关键属性。它可以指定元素是如何展示的，比如内联、块级等。display有多种不同的值，其中涉及显示与隐藏的主要是"none"和"block"。当设置display为"none"时，元素不会显示...

JS中style.display和style.visibility的区别实例说明.docx: style.visibility 属性也用于控制元素是否显示，但是它与 style.display 不同的是，它不会影响文档流的布局。当设置 style.visibility = "hidden" 时，元素将被隐藏，但是它在文档流中的位置仍然保留着，不会被后续...

CSS：Visibility 和 Display 属性的比较.pdf: `visibility`属性主要控制元素是否可见，而`display`属性则涉及元素在页面布局中的存在与否。 `visibility`属性有四个可选值：`visible`（默认值，元素可见）、`hidden`（元素不可见但保留空间）、`collapse`（仅对...

对比： display, visibility(有代码): 而 `display` 更适用于需要完全移除元素或改变元素显示方式的情况，如切换显示/隐藏菜单或隐藏无用的元素。压缩包中的 `jquery-2.1.0.min.js` 文件是jQuery库的一个旧版本，jQuery简化了JavaScript操作，包括对 `...

JAVASCRIPT style 中visibility和display之间的区别: 总的来说，visibility和display都是通过JavaScript用来控制页面元素显示与隐藏的重要属性，但它们的行为对页面布局的影响大不相同。visibility隐藏元素但保留其空间，而display不仅隐藏元素而且可以改变其类型和空间...

CSS：Visibility和Display属性的比较.pdf: 在CSS中，`visibility`和`display`两个属性都是用于控制HTML元素的可见性，但它们之间有着显著的差异。了解这些差异对于精确地管理页面布局和交互至关重要。首先，`visibility`属性主要用来切换元素的可见状态。它...

javascript获取隐藏元素(display:none)的高度和宽度的方法: 1. 在获取尺寸前，先将元素的display属性改为visibility:hidden，并且设置position:absolute，这样元素就脱离了文档流，不会影响其他元素的布局，同时不会在页面上显示。 2. 通过JavaScript的计算样式方法，如obj....

display和visibility的区别示例介绍: 在网页布局和样式设计中，`display` 和 `visibility` 是两个非常重要的CSS属性，它们都能用来控制元素的可见性，但实现方式和效果大不相同。本篇文章将深入探讨两者之间的区别，并通过示例来具体说明。首先，`...

display和visibility的区别: 总结来说，`display` 和 `visibility` 的主要区别在于： 1. `visibility` 只改变元素的可见性，不改变布局，隐藏后仍保留空间。 2. `display` 不仅改变可见性，还影响布局，隐藏后不再占用空间。在实际应用中，...

CSS Display与Visibility的不同: 在CSS布局中，`display`和`visibility`是两个非常重要的属性，它们分别负责控制元素的显示方式和可见性。虽然两者都能使元素在页面上不可见，但它们的机制和影响是不同的。首先，`visibility`属性主要用于决定元素...

javascript获取隐藏元素(display-none)的高度和宽度的方法.docx: 1. **CSS display 属性**：用于定义元素是否及如何显示。其中 `display: none` 会完全隐藏一个元素，使其不占用任何空间。 2. **CSS visibility 属性**：用于定义元素是否可见。`visibility: hidden` 使元素不可见但...

css中display和visibility的用法和区别介绍: 在CSS中，`display`和`visibility`两个属性都是用于控制元素在页面上的显示状态，但它们的作用方式和效果有着显著的区别。 `display`属性主要影响元素的布局和类型。它有多种不同的值： 1. `block`：将元素转换为...

CSS Display(显示) 与 Visibility（可见性）: .imgbox { float:left; text-align:center; width:120px; height:135px; border:1px solid gray;...CSS Display(显示) 与 ...display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。 Box 1 Box

visiblity:hidden和display:none的差异: `visibility:hidden` 和 `display:none` 的主要区别在于，前者隐藏元素的同时保留其占据的空间，而后者则完全从布局中移除元素。这种差异在处理页面布局时尤为关键。例如，如果一个元素的 `display` 被设置为 `none`...

display与visiblity的区别.pdf: 在CSS样式设计中，`display`和`visibility`属性都是用来控制元素的可见性，但它们之间存在着显著的差异。理解这些差异对于精确地控制网页布局至关重要。首先，`visibility`属性主要用于决定元素是否可见。当`...

谈谈CSS隐藏元素(display,visibility)的区别: - **回流与渲染**：与`display: none`不同，`visibility: hidden`不会引起浏览器的回流，因为它只是隐藏了元素内容，而元素的尺寸保持不变。 - **株连性**：虽然`visibility: hidden`会使元素本身不可见，但其子...

Global site tag (gtag.js) - Google Analytics