垂直
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为父元素剩余宽度的一半，适用于父子元素宽度确定的情况
