CSS属性中Display与Visibility

visibility属性是隐藏元素但保持元素的浮动位置，而display实际上是设置元素的浮动特征。

visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，

visible表示显示，

hidden表示（仅）隐藏，不可恢复。

当visibility被设置为"hidden"的时候，元素虽然被隐藏了，

1、仍然占据它原来所在的位置。visibility会保留元素的位置.

2、元素被隐藏之后，就不能再接收到其它事件了，当其被设为"hidden"的时候，就不能再接收响应到事件了，因此也就无法通过JS令其显示出来。

display属性就有一点不同了。

none隐藏（元素消失），可恢复

inline,block显示

1、display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像<div>元素一样，它会在那个点被放入到页面中。(实际上你可以设置<span>的display:block，使其可以像<div>一样工作。

2、display设置为inline，将使其行为和元素inline一样---即使它是普通的块元素如<div>，它也将会被组合成像<span>那样的输出流。最后是display被设置：none,这时元素实际上就从页面中被移走，它下面所在的元素就会被自动跟上填充。

CSS属性中Display与Visibility相关推荐

html首行缩进2字符，可以使用CSS属性中的【text-indent】进行设置。
html首行缩进2字符,可以使用CSS属性中的[text-indent]进行设置. 设置代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...
详解css3中display和visibility的区别
在css3中,display和visibility都具备对元素进行隐藏和显示的功能. display语法 display:none | block /*none表示隐藏 block表示显示*/ vis ...
html设置表格列宽百分比,CSS属性中经常出现的百分比
起源:一道面试题(猫眼电新直能分支调二浏页器朋代说,影) 问题:css浏.富混工就划这些本公的响示近览记的迹更中的单位都有哪些?可以取百分数的单位有哪些?其中margin-top取百分数时是相对于谁插 ...
CSS属性（display）
1.display属性 <!DOCTYPE html> <html lang="zh-CN"> <head><meta charset=& ...
DW中CSS属性详解
作者:未知来源:5D多媒体在Dreamweaver的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver把这些属性分为Type(类型).Background(背 ...
[转][HTML]css属性
1.字体属性(type) font-family(使用什么字体) font-style(字体的样式,是否斜体):normal/italic/oblique font-variant(字体大小写):no ...
[译] Font-size：一个意外复杂的 CSS 属性
原文地址:Font-size: An Unexpectedly Complex CSS Property 原文作者:Manish Goregaokar 译文出自:掘金翻译计划本文永久链接:githu ...
php中border属性,css中display属性和border属性常遇问题讲解
本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...
DHTML中style的display和visibility属性
DHTML中style的display和visibility属性 display是隐藏该对象,使该对象不占用页面排版空间. document.all("tr1").style.di ...

CSS属性中Display与Visibility

CSS属性中Display与Visibility相关推荐

最新文章

热门文章