定心盒1 :不打开定位，元件尺寸—— margin例：水平定心. box1{ width:100px； height:100px； background-color: khaki； margin:150px auto； )情况2 )开启定位，元素大小—— absolute+margin例：水平垂直居中. box1(background-color : orange； width:50px； height:50px； 定位：助手； top: 0； left: 0； bottom: 0； right: 0； 边距：自动； )情况3 )开启定位，元素尺寸—— absolute+left+top+transform例：水平垂直居中：box1(background-color : khaki； 定位：助手； left:50%； top:50%； 变换：变换x (-50 % )变换y (-50 % )； )情况4 )父要素开放弹性域—— justify-content+align-items例如：水平垂直居中：box1(width3360200px； height:200px； background-color: red； display :闪存； 内容：中心； align-items3360中心； }