图片垂直居中解决方法

<style type="text/css">
    .float-div {
        float:left;
    }
    .img-wrapper {
        border:1px solid gray;
        display:table-cell;
        height:100px;
        text-align:center;
        vertical-align:middle;
        width:100px;
        *display:block;
    }
    .img-wrapper * {
        vertical-align:middle;
    }
    .img-wrapper span {
        *display:inline-block;
        *height:100%;
    }
    .img-wrapper img {
        border:none;
    }
</style>
<div class="float-div">
    <a class="img-wrapper" href="#">
        <span></span>
        <img src="80x80.png" alt="80x80" />
    </a>
</div>