子元素如何在父元素中居中

1.子父元素宽度固定，子元素设置 margin：auto，并且子元素不能设置浮动，否则居中失效
2.子父元素宽度固定，父元素设置 text-align：center，子元素设置display：inline-block，并且子元素不能设置浮动，否则居中失效水平垂直居中：
3.子元素相对于父元素绝对定位，子元素top，left 设置50%，子元素margin-top 和 margin-left 减去各自宽高的一半子元素相对于父元素绝对定位，子元素上下左右全为0，然后设置子元素margin：auto
4.父元素设置 display：table-cell vertical-align：middle，子元素设置margin：auto
5.子元素相对定位，子元素 top，left 值为50%，transform：translate（-50%，-50%）
6.子元素相对父元素绝对定位，子元素 top，left 值为50%，transform：translate（-50%，-50%）
父元素设置弹性盒子，
display：flex； justfy-content：center ；align-item：center；justfy-content：center