Search

11/15/2007

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

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可以通過下面的方法置中


沒有留言: