在DIV中圖片垂直、水平居中，無須知道圖片尺寸

用到參數說明:

line-height: .
檢索或設置對象的行高。即字體最底端與字體內部頂端之間的距離

IE不是必須的;IE認為文本文字對象到圖片對象沒有間距,而firefox與opera則認為有

兼容firefox必須,則圖片邊要添加  <img; 空格為文本字體對象,偷巧的一種辦法與vertical-align:middle配合使用ff與op會把這些對象(包括圖片)間距顯示并居中顯示

高度配合div高度使用



overflow:

檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容

hidden:不顯示超過對象尺寸的內容

裁減過大的圖片



margin-top: expression(( 160 - this.height ) / 2);

計算margin-top(margin-bottom)的高度

CSS行為expression控制實現，不過expression為IE獨有，并且耗資源嚴重，尤其在大量使用的時候。

例:屏幕的居中顯示 <div style="background:#f6f6f6; position:absolute; left:expression((body.clientWidth-150)/2); top:expression((body.clientHeight-150)/2);width:150px;;height:150px;"> ssssssssssssssssssssssss uhadjas<br /> </div>

補漏吧,line-height的特性



html>body div img{ vertical-align: bottom;}

html>body:子對象選擇符

vertical-align:設置或檢索對象內容的垂直對其方式.

FF與OP必須,配合line-height使用