让绝对定位的元素水平居中对齐

让绝对定位的元素水平居中对齐

  这种方式非常独特，大家一定要记牢这种方式

[css]  view plain  copy

 

1. .center{  
2.          position: absolute; /*绝对定位*/  
3.          width: 500px;  
4.          height:300px;  
5.          background: red;  
6.          margin: 0 auto; /*水平居中*/  
7.          left: 0; /*此处不能省略，且为0*/  
8.          right: 0; /*此处不能省略，且为0*/  
9. }