文字垂直居中

有时候我们会在页面上让一段文字垂直居中，在固定的高度的div内当一行文字是居中，两行也是居中.....

这个时候有人会想到用vertical-align：center；其实你试过后应该是没有你想要的效果的。光是添加这个属性是没效果的，还要添加别的属性。

1、给父元素添加display：table；

2、给子元素添加，display：table-cell；vertical-align：center；

3、除了这些还添加元素的宽高，这样就可以了