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图片水平垂直居中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。