垂直居中方案

可以用一个自然高度的容器吗？给容器加上相等的上下内边距让内容居中。

容器需要指定高度或者避免使用内边距吗？对容器使用 display：table-cell 和 vertical-align:middle。

可以用 Flexbox 吗？如果不需要支持 IE9，可以用 flexbox 居中内容。

容器里面的内容只有一行文字吗？设置一个大的行高，让它等于理想的容器高度。这样会让容器高度扩展到能够容纳行高。如果内容不是行内元素，可以设置为 inline-block。

容器和内容的高度都知道吗？将内容绝对定位。（不得已才用）

不知道内部元素的高度？用绝对定位加上 transform。（无奈之举）

ps：howtocenterincss