1.左浮后，想居中：

给他“爸爸”居中，如果没有宽度，不能用 margin：0 auto;可以用text-align：center；

2.继1，如果“爸爸”也没有确定的宽，想变窄

“爸爸”只能也变成 display:inline-block

3. 把margin设为auto

具体来说就是把要居中的元素的margin-left和margin-right都设为auto，此方法只能进行水平的居中，且对浮动元素或绝对定位元素无效。

4、使用 text-align:center

这个没什么好说的，只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中。但要说明的是在IE6、7这两个奇葩的浏览器中，它是能对任何元素进行水平居中的。

5、使用line-height让单行的文字垂直居中

把文字的line-height设为文字父容器的高度，适用于只有一行文字的情况。

6.在容器内上下左右居中

 

   display: flex;（或 inline-flex）justify-content: center;align-items: center;