竖直水准垂直居中的计划方案有许多，有时候候非常容易弄混。
实际上细分化出来关键有二种情景：原素宽高不明的情景、原素宽高己知的情景。对于这二种状况，后文各自列举集中化流行的竖直水准垂直居中计划方案。
table竖直水准垂直居中计划方案，是万金油计划方案，可用性很强，都没有适配性的问题；缺点是会提升数据冗余的HTML构造。
div >transform 完成竖直水准垂直居中【强烈推荐】transform竖直水准垂直居中计划方案，一样也是万金油计划方案，特别是在合适手机端；缺点是只适用IE9及之上的访问器。
span >flexbox 完成竖直水准垂直居中手机端可使用；缺点是只适用IE10及之上的访问器。
div >原素宽高己知的情景肯定精准定位 完成竖直水准垂直居中较为常见的计划方案，必须己知宽高。
div >margin:auto 完成竖直水准垂直居中非常合适本身有宽高的原素，例如照片等；可是针对别的原素，依然必须显式设定宽高。
// 照片等本身网络带宽高的原素，立即 margin: auto; 就可以 div >