如果在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>

posted on 2010-09-16 08:49  vibratea  阅读(512)  评论(0编辑  收藏  举报