css 布局之居中随笔

1. 使用 margin: 0 auto;进行居中

   .demo{

width:80%;

margin: 0 auto;

}

2. 使用margin-left实现

.demo{

      width:80%;

     margin-left:10%

}

3. 使用padding-left实现

.demo{

       /* width:100%;*/  /*这里不要设置width:100%；要出错；出错原因是padding是在border内部；再使用padding的话，真实的元素宽度是padding+border+width*/

        padding-left:10%

}

第三点有问题（要修改）

还有定位,flex等实现，等我哪天想起来在弄吧