图片在一个div内容水平与垂直居中

图片宽度与高度设置成80%,然后设置margin-top:10%,margin-left:10%

就可以了感觉应该没有这么简单哇，不过反正就是可以了，记录一下，写样式的能力太差了

html:

<div class="layui-col-md2">
  <div class="imgdiv">
     <img src="http://image.tnblog.net/yuanqu/yuanqu_2.jpg" style="width: 100%; height: 100%" />
  </div>
</div>

样式：

.imgdiv img
 {
    width: 80%;
    height: 80%;
    margin-left: 10%;
    margin-top: 10%;
    cursor: pointer;
 }