Code <br /> .align-center{ <br /> margin:0 auto; /* 居中 这个是必须的,,其它的属性非必须 */ <br /> width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */ <br /> background:red; /* 背景色 */ <br /> text-align:center; /* 文字等内容居中 */ <br /> } <br /> 居中div效果 使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。 .style{margin-left:auto;margin-right:auto;} 缩写形式为: .style{margin:0 auto;} 数字0 表示上下边距是0。可以按照需要设置成不同的值。