vertical-align:middle 垂直居中无效的原因

vertical-align属性只对行内元素有效，对块内元素无效！

解决办法：

1.而如果我们将display属性设置为table-cell，将块元素转化为单元格，然后加上vertical-align：middle，就可以了