前端css盒子绝对居中

目前我了解到的方法只有这几种，如果还有其他好用的方法，欢迎各位大佬讨论。

固定宽高

1，margin负间距+绝对定位定位

2，transform:translate()+绝对定位

3，绝对定位

4，flex布局

5，fixed固定定位

 

 

 宽高不确定的盒子绝对居中

保证left和right的百分比相同，就可以水平居中。保证top和bottom的百分比相同，就可以垂直居中。

 

 首先我给大家罗列出来的几种可能性，用到的都是同一种方法。外面的盒子是有宽高的里面的盒子不需要设置宽高。top和bottom取值百分比要相同，left和right的取值百分比要相同。小盒子的大小和形状和百分比有关，也和大盒子的宽高有关。