vertical-align：middle实现块级元素中行内元素的垂直居中

<div>
    <span>12345</span> 
</div>`

样式 `

    div {
        width: 400px;
        height: 400px;
        border: 1px solid #333;
        margin: 100px auto;
        text-align: center;
        font-size: 0;
        line-height: 400px;
    }
    span {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
    }
    

`