Html:

<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 父元素有浮动属性的 话垂直对齐实现不了

更多专业前端知识，请上 【猿2048】www.mk2048.com

总结

以上是生活随笔为你收集整理的CSS图片水平垂直居中的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。