HTML代码：
1 2 3 | <div id="outer" style="width:100%"> <div id="inner">Foo foo</div> </div> |
可以通过为inner区块添加下面的css样式实现：
1 2 3 4 | #inner { width: 50%; margin: 0 auto; } |
当然width设置为50%是非必须的，实现div区块居中生效的是marin属性，如果目标浏览器为IE8+ 可以用下面的样式来代替：
1 2 3 4 | #inner { display: table; margin: 0 auto; } |