img垂直居中

<div style="border: 1px solid #CCC; height: 300px;">
    <span style="height:100%%;display: inline-block;vertical-align: middle;"></span>  <!--这是hack元素-->
    <img src="http://images.cnblogs.com/com/onlysea/304895/r_474.jpg" style="height:100px;vertical-align: middle;" />
    <span style="vertical-align: middle;">嘻嘻嘻嘻</span> 
</div>