请问我的代码有什么错误吗？为什么无法垂直居中显示？
<!--下面是代码任务区-->
<style>
.img{
height:400px;
background:#ccc;
display:table-cell;
vertical-align:middle;
}
</style>
<div>
<img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
</div>
</body>
</html>
