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; } |