Div水平居中的方法

div水平居中的方法加粗样式

1
给父元素设置边框 给子元素设置margin 上下左右为宽高的一半

父元素：
border:1px solid red;

子元素：
margin：width/2;

2
给父元素设置padding：50px;和边框盒模型

padding:50px;
box-sizing:border-box;

3
父元素设置相对定位 子元素设置绝对定位(父相子绝)
父元素：
position：relative；

子元素：
position：absolute；
margin：auto；
top：0；
right：0；
bottom：0；
left：0；

4
(父相子绝)
子元素设置
top=50%;
left=50%；
margin-left= -width/2
margin-top= -width/2
margin-top= -width/2
margin-left= -width/2

5
父元素使用
display:grid;
jusitify-items:center；
aligin-items:center;

6
（父元素）
display：flex ；

（子元素）
margin:auto;

7
（父元素）
dispaly:flex；
jusitify-items:center;
aligin-items:center;