css div盒子居中的方法？

如何让盒子居中？

1、block元素，使用margin属性

.center {
    margin: auto;
    width: 90%;
    border: 3px solid #73AD21;
    padding: 10px;
}

  
我是居中盒子，当width为100%时，margin属性失效。但是盒子还是处于居中状态

2、block元素，在flex容器上使用justify-content:center

注意，不要再元素加fle:1，否则会无法调节div块儿的宽度。以下代码同时可以让div盒子垂直居中

			

				ddd
			
		

		

3、block 元素，绝对定位、margin-left:-(width/2)和left:50%实现水平居中：

4、inline-block元素，在父级块级元素上使用text-align:center

div{
text-align:center;
}
ddd

5、任意类型元素。left:50%+tranfrom:translateX(-50%)