189 8069 5689
实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果。cssdisplay属性
10多年的润州网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整润州建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“润州网站设计”,“润州网站推广”以来，每个客户项目都认真落实执行。
display属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。/*示例*/div{display:none;}cssvisibility属性
visibility属性规定元素是否可见。值为hidden时表示元素是不可见的。/*示例*/div{visible:hidden;}提示:visible:hidden;和display:none;的区别是，即使不可见的元素也会占据页面上的空间。"display"属性可以用来创建不占据页面空间的不可见元素。(visible和display属性的其他可能值可在w3school查看)。设置div的大小实现隐藏
将div的宽度和高度设置为零，也可以达到隐藏的效果。/*示例*/div{width：0px;height:0px;overflow:hidden;/*规定当内容溢出元素框时隐藏。防止div大小设置为零，里面的文本却还是显示。*/}
可见visible或不可见hidden，和这个属性类似的还有display:none;或display:block；两者区别就是一个会占用以前的位置，display用法不会占位。
CSS中的visibility和display两个属性很容易被混淆，因为它们看起来是做同样的事情，但实际上，这两个属性是完全不同的。
visibility属性用来设置一个给定的元素是否显示（visibility="visible|hidden"），但是，虽然一个元素的visibility被设置为hidden，但是该元素仍然会占据设计的位置：
script
language="JavaScript"
function
toggleVisibility(me){
if
(me.style.visibility=="hidden"){
me.style.visibility="visible";
}
else
{
me.style.visibility="hidden";
}
}
/scriptdiv
onclick="toggleVisibility(this)"
style="position:relative"
This
example
displays
text
that
toggles
between
a
visibility
of
'visible'
and
'hidden'.
Note
the
behavior
of
the
next
line./divdivThis
second
line
shouldn't
move,
since
visibility
retains
its
position
in
the
flow/div
script
language="JavaScript"
function
toggleVisibility(me){
if
(me.style.visibility=="hidden"){
me.style.visibility="visible";
}
else{
me.style.visibility="hidden";
}
}
/script
div
onclick="toggleVisibility(this)"
style="position:relative"
This
example
displays
text
that
toggles
between
a
visibility
of
'visible'
and
'hidden'.
Note
the
behavior
of
the
next
line./divdivThis
second
line
shouldn't
move,
since
visibility
retains
its
position
in
the
flow/div
注意如果display属性没有被明确设置，将默认被设置为该类元素的常用值。
明显地，两个属性中display属性更有用，多数情况下在隐藏文字的时候要将相关的元素做相应的调节（例如树结构）。
CSS中显示和隐藏有多种方法，比较常见的是有display:none|block;visibility: hidden|visible;他们的区别在于，对文档流影响的区别。一般大家显示隐藏元素，比较倾向于用display。
你如果想隐藏表格，可以用table{display:none;}来操作。想显示的话把display:block即可。
visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置。
而display实际上是设置元素的浮动特征,设置none 后相当于隐藏而且不占位。
简单来说两个都隐藏一个会占据原来的元素位置留下空白
，一个不会