讓元素垂直水平居中是工作和面試中非常常見的，今天記錄一下可以實現(xiàn)的幾種辦法。
? ? 1知道寬高的情況下
? ? ? ?position:absolute；
? ? ? ? left:50%;
? ? ? ? top:50%;
? ? ? ? margin-top:高度的一半
? ? ? ? margin-left:寬度的一半
? ? ?2 未知寬高的情況下
? ?????position:absolute；
? ? ? ? left:50%;
? ? ? ? top:50%;
? ? ? ? transfrom:translate(-50%,-50%)
? ? ? 3 未知寬高的情況下
? ??????????position:absolute;
? ? ? ? ? ? left:0;
? ? ? ? ? ? top:0;
? ? ? ? ? ? bottom:0;
? ? ? ? ? ? right:0;
? ? ? ? ? ? ?margin:auto;
? ? ? ? 4 使用彈性盒布局display:flex;
? ? ? ? ? ? display:flex;
? ? ? ? ? ? justify-content:center;
? ? ? ? ? ? align-items:center;
