vertical-align: middle;垂直居中精髓

直接切入主题，使用vertical-align: middle;发现不能垂直居中。

好，现在就按步骤来，

1、先设置line-height: XX;(父标签的高度)

2、在同级添加另一个标签<span><i>都可以，样式写

span{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

3、直接看结果。

这里面精髓就是，同级再添加一个标签，同级再添加一个标签，同级再添加一个标签。

大家心里默念三遍。就记住了，以后也不会忘了。

最后，如果大家还没有解决，留言发代码给我。