方法一absolute&&translate.parent{position:relative;}.son{position:absolute;顶部:50%;左:50%;transform:translate(-50%,-50%);}方法二absolute.parent{position:relative;}.son{position:absolute;保证金:自动;宽度:100px;高度:50px;顶部:0;底部:0;左:0;right:0;}方法三table&&table-cell.parent{display:table;宽度:100%;高度:50px;}.son{显示:表格单元格;vertical-align:middle;}方法4.parent{display:flex;}.son{margin:auto;}or.parent{display:flex;证明内容:居中;align-items:center;}或.parent{display:flex;justify-content:center;}.son{align-self:center;}方法5.parent{display:grid;}.son{justify-self:center;align-self:center;}方法6.parent{position:relative;}/*不需要知道居中元素的宽高*/.son{position:absolute;左:0;顶部:0;右:0;底部:0;保证金:自动;}
