CSS：父子元素，讓子元素居中

方法1：給子元素加相對定位;（缺點必需要知道父子元素的位置）；

方法2；(父元素觸發BFC)子元素加margin-left/margin-top：

方法3：(已知子元素的寬和高)父元素相對定位；子元素絕對定位；在子元素中添加：top:50%;left:50%;Margin-left:-子元素的寬度一半；margin-top:-子元素的一半；

方法4：(不知道子元素的寬和高)父元素相對定位；子元素絕對定位；在子元素中添加：top:50%;left:50%;transform：translate（-50%, -50%）；（此時translate中的百分比指本身的寬和高元素的百分比）;