未知宽高的div怎么垂直水平居中

恨到弹窗都需要实现垂直水平居中的功能，知道宽高可以用绝对定位，加上设置margin为负值，大小为宽高的一半即可

#demo{
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
}

如果不知道宽高怎么来垂直居中呢？其实很简单，只要加上transform: translate(-50%, -50%);就可以了

#demo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}