如何让div水平居中呢？

一百度div居中，多数都是一个答案，但是有时候这种方法并不是万能的。。。不废话，将我知道的方法都列举一下好了，随时更新。

1、设置width值，指定margin-left和margin-right为auto（或margin: 0 auto;）（多数人都知道的方法，就不举例子了）

 

2、设置width，利用margin-left为width的负一半和相对定位实现水平居中（width和margin-left可以设置百分比）

#demo {
    width:500px ; 
    height:300px;//高度可以不设,用content撑起高度
    margin: 0 0 0 -250px;//(或者直接设置margin-left: -250px;)
    position:relative;相对定位
    background-color:pink;//方便看效果
    left:50%;
    top:50%;
}

<div id="demo"></div>

 

3、待续。。。