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

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

当display:inline-block;为必要条件的时候，可以适当用table-cell取替、

将display属性设置为table-cell，块元素转化为单元格，然后加上vertical-align:middle

另一个垂直居中的办法，是当div的高度与行高相同时，即可竖向居中。