css display:none和visibility:hidden和visible="false"区别

 

如果在div的style中把visibility设为 hidden则div隐藏,但是它会占据空白空间,而如果设置成display:none则不占据空白空间;
而visible="false"则div不返回在html中;下面是给出的代码:运行一下就知道区别了。

<% @ Page Language ="C#" %>

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

< html xmlns ="http://www.w3.org/1999/xhtml">

< head runat ="server">

 

< title > Untitled Page </ title >

</ head >

< body >

 

< form id ="form1" runat ="server">

 

< div >

 

aaa

</ div >

 

< div style =" display : none ; "> <% --不占据空白空间-- %>

aaa

</ div >

 

< div >

 

aaa

</ div >

 

< div >

 

aaa

</ div >

 

< div style =" visibility : hidden"> <% --占据空白空间-- %>

aaa

</ div >

 

< div id ="Div1" runat ="server" visible ="false"> bbbbbbb </ div >

 

< div >

 

aaa

</ div >

 

< div id ="Div2" runat ="server" visible ="false"> bbbbbbb </ div > <% --在html中不存在-- %>

</ form >

</ body >

</ html >

 

源链接 http://www.cnblogs.com/cqiliang/archive/2009/11/17/1582326.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值