如何居中div？

一个 元素的居中，这里并没有提到说这个 div 标签使用的是什么类型的 display 值，那么对于我们来说可以拓展的方式就非常非常多了。

border: 1px solid red;
margin: 0 auto; 
height: 50px;
width: 80px;

这里的关键点是 width 和 margin，当一个 display: block 的块级元素有了宽度之后，就可以使用 margin: 0 auto; 的方式让其水平居中。

那么这里提到的是块级元素，那么我们可以假设一下，如果我们把 display: block; 换成了：

• display: inline;
• display: inline-block;
• display: table-cell;

在不同的 display 属性存在的时候，我们还是用 margin: 0 auto; 的方式来居中吗？

接着就可以通过这个问题延伸出第二个问题：如何居中一个浮动元素。