1.宽度固定方式一：.box{width:300px;margin:0auto;}常用方法方法二：#container{position:relative;}.box{width:100px;位置：绝对；左：0；右：0；margin:0auto;}该方法适用于方法二定位时居中，宽度不固定。方法一：.box{display:table;margin:0auto;}缺点：如果设置为表格元素，可能会影响内部元素的布局。方法二：#container{position:relative;}。框{位置：绝对；左：50%；transform:translateX(-50%);}缺点：需要使用transform，兼容性差方法三：#container{display:table-cell;//这个属性在这里可以加不加text-align:center;}.box{display:inline-block;}缺点：需要涉及到父类的样式2.单个元素垂直居中