1.使用主轴对齐justify-content，横轴对齐align-items.parent{display:flex;justify-content:center;align-items:center;}2.使用position:absolute;(1)不考虑子元素和父元素的宽高。parent{position:relative;}.child{位置：绝对；顶部：0；右：0；底部：0；左：0；保证金：自动；}(2)子元素宽高固定.parent{position:relative;}.child{position:absolute;top:50%;left:50%;width:80px;height:60px;margin-left:-40px;margin-top:-30px;}3.text-align+line-height实现单行文本水平和垂直居中.test{文本对齐：居中；行高：100px；