内容垂直居中

前言：

.container {
    height：200px;
    display: table-cell;
    vertical-align: middle;
}

用height而不用line-height的方式好处是，不会把.container里面的内容行高撑高

而是把.container里面的所有内容看成是一个整体，让他上下居中

1. .container {
2.    min-height: 6.5em;
3.    display: table-cell;
4.    vertical-align: middle;
5. }