實現垂直居中的幾種方法，不知道寬高的情況下如何實現元素水平垂直居中?

　　實現垂直居中的幾種方式：

　　1.單行文本垂直居中：當此標簽高度和行高的值相等時;

　　2.定位： 父元素{position:relative;} 子元素{position:absolute;top:50%;margin-top:-高度的一半;}

　　3.定位： 父元素{position:relative;} 子元素{position:absolute;top:0;bottom:0;margin:auto;}

　　4.定位： 父元素{position:relative;} 子元素{position:absolute;top:50%;transform:translateY(-50%);}

　　5.彈性盒：父元素{display:flex;align-items:center;}

　　 不知道寬高的情況下如何實現元素水平垂直居中:

　　1.定位： 父元素{position:relative;}

　　 子元素{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

　　2.定位： 父元素{position:relative;}

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

　　3.彈性盒： 父元素{display:flex;} 子元素{margin:auto;}

　　4.彈性盒： 父元素{display:flex;justify-content:center;align-items:center;}

上一篇

forEach中的await