css 未知父容器和子容器的高度，如何让子容器垂直居中

html代码：

方法一：

方法二(该方法在华为型号：HUAWEI VNS-TL100有bug,无法居中)

.wp { position: relative; }
.box { display: table-cell; vertical-align: middle;  }