让div居中对齐的css样式

<style type="text/css">
.align-center{
    margin:0 auto;        /* 居中 这个是必须的，，其它的属性非必须 */
    width:500px;        /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
    background:red;        /* 背景色 */
    text-align:center;     /* 文字等内容居中 */
}
</style>

 

<div class="align-center">居中div效果</div>

 

使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。
.style{margin-left:auto;margin-right:auto;}
缩写形式为：
.style{margin:0 auto;}
数字0 表示上下边距是0。可以按照需要设置成不同的值。