CSS+DIV 圖片垂直居中

1.

<div style="display:table;width: 100%;height: 100%; ">
<div style="display:table-cell;vertical-align: middle;">
<img src="images/menu_bar.png" />
</div>
</div>

要讓DIV中的圖片垂直居中，在標准的瀏覽器中 讓給父親容器設置display:table;而子元素設置display:table-cell;這樣就可以垂直居中了，如上圖所示。

 

2.當position：absolute的時候，原來以為不設置top的時候相當於是top：0px 但是后來發現沒有設置的時候，元素沒有改變位置。