垂直居中
vertical-align方法一（内联块元素）方法二（单元格）方法三（定位）方法四（定位）方法五（grid）
vertical-align
内联块元素和内联元素加在此级，块级元素则加给父级
方法一（内联块元素）
把块级元素设置为内联块元素图文对齐方式设置为中部对齐（vertical-align:middle/top）子元素高度设置为父元素高度父元素font-size设置为0，避免内联块元素留白text-align:center 实现左右居中
方法二（单元格）
将父元素设置为单元格（display:table-cell）父元素中设置图文对齐方式为中部对齐（vertical-align:middle/top）margin:auto 实现左右对齐
方法三（定位）
top、bottom、left、right 设置为0margin设置为auto
方法四（定位）
left:50%margin-left:-元素宽度的一半 （因为50%要减去自身宽度的一半才是居中）垂直居中同理
方法五（grid）
父元素设置为display:gridjustify-items 调整子元素水平对齐方式align-items 调整子元素垂直对齐方式
