未知宽高元素居中篇

一、父元素宽高未知、子元素宽高已知

父元素{

    position: relative;

}

子元素{

    position: absolute;

    top:50%;

    left:50%;

    width:200px;

    height:200px;

    margin:-100px 0 0 -100px;

}

二、未知父元素子元素宽高

父元素{

    display:table;

}

子元素{

    display:table-cell;

    vertical-align:middle ;

}