基于绝对定位绝对/不确定子元素宽高1：子元素确定固定宽高。父{位置：相对;}.child{位置：绝对；顶部：50%；宽度：18em；高度：6em；边距顶部：-3em；左边距：-9em；}2：宽高不固定。父{位置：相对;}.child{位置：绝对；顶部：50%；高度：50%；变换：翻译（-50%，-50%）；}基于Flexbox的解决方案.parent{display:flex;}.child{保证金：自动；}或者直接设置align-items，不需要给子元素设置style.parent{display:flex;对齐项目：居中；}
