如何让一个不定宽高的DIV,垂直水平居中？

html文件

    
        
        
        
    
    
        

            

                456123123
            
        
    

1.使用CSS方法

.father {
    text-align: center;

    border: 1px solid black;
}
.child {
    display: inline-block;
    vertical-align: middle;

    border: 1px solid black;
}

效果图

2.使用CSS3 transform:

.father {
    position: relative;

    border: 1px solid black;
}
.child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    border: 1px solid black;
}

效果图