css 如何让一个div垂直水平居中（非弹性盒子）

该文章方法是在非弹性flex盒子的情况下使用。
使用场景多为页面弹窗，需要垂直水平居中。
·
在未知div的宽度情况下，建议使用方法一和方法二

方法一

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

方法二

div{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}

·

在已知div的宽度情况下，建议使用方法三

方法三

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

margin-left: -(元素宽度/2)px;
margin-top: -(元素高度/2)px;