关于div中图片水平垂直居中的问题

最近在做一个项目,里面涉及到不固定尺寸要在div里面水平垂直居中显示

我没有用table布局,而是用了div+css,找了很久,终于在网上找到解决方案,特此记录备用

关键核心代码如下:

<div style="width:400px;height:400px;border:1px solid red;display:table-cell;">
    <img src="01.jpg" style="vertical-align:middle;" />   
</div>

 

不要问我为什么,因为我也不明白为什么!哈哈哈,也希望哪一位大神可以帮我解开心里的问题

你可能感兴趣的:(垂直居中)