圖片的水平置中以及垂直置中

Centering (horizontally and vertically) an image in a box
Demo
update: 上面的例子在ie7不會work
Demo - work in ie6, ie7, firefox
<div id="wrap">
<img src="http://developer.yahoo.com/yui/docs/assets/logo.gif">
</div>
圖片的水平置中的標準作法是#wrap{text-align:center}，text-align:center是用來定位在block elemenet裡的inline element，圖片也是個inline element，FF & IE都沒問題。

比較麻煩的是圖片的垂直置中，FF以及一些標準的browser可以通過下面的方法置中