内容垂直居中

前言：

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

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

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

.container {
   min-height: 6.5 em;
   display: table-cell;
   vertical-align: middle;
}