水平居中、垂直居中

一、行内元素

• 水平：text-align: center

• 垂直：line-height: {父元素高度}px

二、块状元素

1、子元素宽高确定：

方式1：绝对定位 + 各方向为0 + margin:auto

方式2：绝对定位 + left/top:50% + margin-left/margin-top: 宽/高一半

2、子元素宽高不确定

绝对定位 + left/top:50% + transform: translate(-50%)

三、万能方案

flex

.center{
    display: flex;
    justify-content: center;
    align-items: center;
}