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

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

 

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

1 #demo {
2     width:500px ; 
3     height:300px;//高度可以不设,用content撑起高度
4     margin: 0 0 0 -250px;//(或者直接设置margin-left: -250px;)
5     position:relative;相对定位
6     background-color:pink;//方便看效果
7     left:50%;
8     top:50%;
9 }
<div id="demo"></div>

 

3、待续。。。

版权声明：本文为youziclub原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/youziclub/p/4687499.html