居中（垂直、水平）

垂直

1. vertical-align: middle;

前提是元素display: inline-block;

2. dispkay: flex;

单个子元素align-self: center;
多个子元素align-items:center;

3. lineh-eight: 100px;

设置height与line-height相同，适用于子元素为单行文本的情况

水平

1. margin: 0 auto; text-align: center; 父元素必须指定宽高

2. display: flex

设置容器justify-content: center

3. position: absolute;

父元素设置position: absolute; 子元素的margin-left为父元素剩余宽度的一半，适用于父子元素宽度确定的情况