CSS:父子元素,让子元素居中

方法1:给子元素加相对定位;(缺点必需要知道父子元素的位置);spa

方法2;(父元素触发BFC)子元素加margin-left/margin-top:orm

方法3:(已知子元素的宽和高)父元素相对定位;子元素绝对定位;在子元素中添加:top:50%;left:50%;Margin-left:-子元素的宽度一半;margin-top:-子元素的一半;form

方法4:(不知道子元素的宽和高)父元素相对定位;子元素绝对定位;在子元素中添加:top:50%;left:50%;transform:translate(-50%, -50%);(此时translate中的百分比指本身的宽和高元素的百分比);transform