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

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>