CSS实现图片垂直水平居中
在仿一个商城站,在设置图片垂直居中时发现vertical:middle不起作用,又不想用绝对定位来写,于是百度之。
这个方法还挺简单的,所以把方法记录一下。
//css
div{display: table-cell; width: 200px; height: 200px;
text-align: center; vertical: middle;
}
div img{ vertical: middle;}
//html代码
<div>
<img src = ""/>
</div>
但是table-cell这个属性ie6/7不支持(:зゝ∠)
兼容真是心中的痛(:зゝ∠)