css垂直居中水平居中

垂直居中：

父元素定高，子元素不定高

.parent{
  
  width:400px;
  height:400px;  
    position:relative;    
}
.child{
    position: absolute;
     top: 50%;
     transform: translateY(-50%);
}

看別人文檔，有說能夠經過

.child{
    position: relative;

     top: 50%;
     transform: translateY(-50%);
}
後面再試

子元素定高：

.parent{
    width:400px;
    height:400px;
    display:table;   
}
.child{
    width:100px;
    height:100px;
    display:table-cell;
    vertical-align:middle;
}