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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章