CSS 盒子水平居中的两种方法

方法1：

给所需居中的盒子元素设置 margin: 0 auto; 即可。

但方法1只能用在处于标准流的元素。对于脱标元素，使用方法2来解决水平居中问题。

方法2：

给所需居中的盒子元素设置以下两条语句：

1.设置 left: 50%; 

此时，盒子左边的边处于参考盒子（设置了相对定位且离盒子最近的父盒子）的border以内的宽度一半的位置。

2.设置 margin-left: -(盒子自身实际宽度的一半);

表示盒子左移自身一半宽度的距离，使盒子的居中。