dispaly和visibility的区别

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

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


<h3>visibility示例:</h3>
<br />
<div style="padding: 10px; background: #eeeeee;   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;   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使用例子
原文地址:https://www.cnblogs.com/bluedy1229/p/1360731.html