dispaly和visibility的區別

iDotNetSpace發表於2008-09-25

dispaly:none ；　CSS1隱藏物件。與visibility屬性的hidden值不同，其不為被隱藏的物件保留其物理空間

visibility: hidden；設定或檢索是否顯示物件。與display屬性不同，此屬性為隱藏的物件保留其佔據的物理空間。如果希望物件為可視，其父物件也必須是可視的。

dispaly和visibility的區別
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--&gt<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>

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-464299/，如需轉載，請註明出處，否則將追究法律責任。

相關文章