display和visibility的区别

dispaly:none ；　CSS1隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

visibility: hidden；设置或检索是否显示对象。与display属性不同，此属性为隐藏的对象保留其占据的物理空间。如果希望对象为可视，其父对象也必须是可视的。

Code
<h3>visibility示例：</h3>
<br />
<div style="padding: 10px; background: #eeeeee;  width: 240px;">
<div id="demo0" style="clear: none;">爱煮饭和大家一起分享美食，请看使用visibility和display区的别
<img src="http://www.izhufan.cn/templates/default/images/Logo.gif" style="visibility: hidden;" alt="爱煮饭" />
这是visibility使用例子
</div>
</div>
<br />

<h3>display示例：</h3>
<br />
<div style="padding: 10px; background: #eeeeee;  width: 240px;">
<div id="demo0" style="clear: none;">爱煮饭和大家一起分享美食，请看使用visibility和display区的别
<img src="http://www.izhufan.cn/templates/default/images/Logo.gif" style="display: none;" alt="爱煮饭" />
这是display使用例子
</div>
</div>

 

visibility示例：

爱煮饭和大家一起分享美食，请看使用visibility和display区的别 这是visibility使用例子

display示例：

爱煮饭和大家一起分享美食，请看使用visibility和display区的别 这是display使用例子