html中居中操作

采用css样式，进行代码
样式：

代码：

只有如下代码还不行：

 position: absolute;
            left: 50%;
            top: 50%;

样图：

跑偏了，想要居中，
需加上：

transform: translate(-50%, -50%);

到此居中成功！