内联块状标签在块状元素中垂直居中

内联块状标签在块状元素中垂直居中

1. 结构部分

   	<div>
            <img src="a.jpg" />
            <span></span>
       </div>
   

2. css部分

   <style>
       div{
           width: 400px;
           height: 400px;
           border: solid red 1px;
           text-align: center;
       }
       span{
           display: inline-block;
           width: 0px;
           height: 100%;
           vertical-align: middle;
       }
       img{
     	  vertical-align: middle;
        }
   </style>
   

3. 效果部分

```

3. 效果部分