<div id="MainContent"><img src="QQ截图20150515140512.png" width="247" height="192"></img></div> </div>
CSS:
#MainContent { display:table-cell; width: 700px; height: 800px; background: #0C78DD; text-align:center; vertical-align:middle; }
img 父元素有浮动属性的 话垂直对齐实现不了
原文：http://www.cnblogs.com/tangchun/p/4506253.html