内部div居中显示

  一般情况下，想使用进行自动居中，我们可以使用margin：0 auto这个属性来设置，他会自动计算屏幕的宽度，然后自动居中，但是一定要给一个明确的宽度，比如width：100px；margin:0 auto ，当然前提是不能有float和position这些属性

所以这次我是想说下针对position：absolute绝对定位的div应该如何实现自动居中，只需要添加3条CSS属性就可以实现。css属性如下：

top: 50%;

left: 50%;

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

只需要给想要居中的div添加上面的css样式，使用了绝对定位也能实现自动居中