居中方式

方式一

  #test {
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 200px;
            height: 200px;
        }

方式二

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

来源：https://www.cnblogs.com/kanaliya/p/12254333.html