CSS图片水平垂直居中
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 父元素有浮动属性的 话垂直对齐实现不了
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步