vertical-align:middle无效的原因以及解决办法

原因：vertical-align属性只对行内元素有效，对块内元素无效 解决：

1. 将display属性设置为table-cell
2. 设置父组件行高即line-height与父组件实际高度相等