解决居中

在查询如何使元素居中显示的时候，看到一篇文章看到的方法,见原文

使用ransform的translate转换属性来实现居中

CSS代码

.center{
position: absolute;
top: 50%;
left: 50%;
width:50%;
height:30%;
padding:20px;
text-align:center;
background:#393;
color:#fff;
transform: translate(-50%, -50%);
}