哪里出问题了？我看评论的代码也没有改对，求帮助！
.girl{height:100%;vertical-align:center;}
<!--下面是代码任务区-->
<table><tbody><tr><td>
<div class="girl">
<img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
</div>
</td></tr></tbody></table>
计科小米
2016-07-25
2 回答
你这样写设置的是div的样式，是没有用的，应该设置td的样式才对，把class="girl"这句代码加到<td> 中去
另外：height的值不能用百分比表示，应该用像素值，如：height：100px,vertical-align的值不能用center，而是应该用middle。
本例中，将代码改为：.girl{border:1px solid red;height:300px;verticle-align:middle;},vertical-align:middle;这句也可以不写，因为这里vertical-align的值默认为middle
border:1px solid red;这句代码是为了方便检查显示效果；把height值设置成300px是由于，img图片本身是有高度的，height值过小的话,td的高度会自适应img的高度而看不出垂直居中的效果
举报
0/150
提交
取消
