文字垂直居中的方法

 vertical-align用于行内元素中的垂直居中

　　vertical-align，这个可以用的很复杂。看了一些文章和例子，自己也有点小混乱，只说一下最简单的用法：

　　这个属性用于

　　1、内联元素(以及被转化为内联元素的块元素)

　　2 、display设置为table-cell的元素，给紧挨着它的的父级设置。

　　在 firefox 和 ie8 下，可以设置块级元素的 display 值为 table-cell，来激活 vertical-align 属性，显示效果和就和表格中的 valign="center" 一样了。但 ie6,7 并不支持。

　　3、<td><tr>这样的元素

　　　　这样的写法：vertical-align:middle;就可以设置文字或者图片的垂直居中。只要具有行内元素的特性的元素使用这个属性，对它的子元素中的文字和图片也是起作用的。但是作用效果为使得文字或者图片相对于紧靠着它们的父元素来进行居中。

转载于:https://www.cnblogs.com/w1991/p/7325845.html