如何讓一個絕對定位的div中的圖片垂直居中？

如何在絕對定位的div中讓一個圖片垂直居中？今天做頁面的時候遇到的一個很棘手的問題，我的div使用了絕對定位，高度是用top和bottom一起拉出來的，所以高度會根據垂直父級高度而改變，這個div裡面只有一張圖片，我如何才能讓這個圖片垂直居中呢？在沒有絕對定位的情況下使用vertical-align和table-cell的方式我是知道的，但是現在這種情況下不起作用，求支招~~

---

img {
width: 200px;
height: 400px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -100px; /* 寬度的一半 */
margin-top: -200px; /* 高度的一半 */
}


---

http://blog.csdn.net/freshlover/article/details/11579669

大神啊，絕對定位術，靠譜！

---

在絕對定位的div里，再套一層div

---

不兼容ie低版本的話，父元素display:flex，子元素margin:auto，寫上prefix，至少移動端兼容基本不是問題

---

推薦閱讀：