未知尺寸div水平垂直居中 方法

css样式：

.box{

    width: 500px;
    height:500px;
    border:1px solid blue;
    position: relative;
}

/*子元素宽高可以任意值*/

.child{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: red 1px solid;
    margin: auto;
    width: 190px;
    height: 130px;
}

html结构

<div class="box">
    <p class="child">ipationBaiduiaidu</p>ipationBaidu arrtificial translation, win millet phone, PHILPS  filter kettle, Bluetooth heads
</div>

效果图：