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;