CSS实现Div在另一个Div中居中

HTML代码:

<div id="outer" style="width:100%">
  <div id="inner">Foo foo</div>
</div>

可以通过为inner区块添加下面的css样式实现:

#inner {
  width: 50%;
  margin: 0 auto;
}

当然width设置为50%是非必须的,实现div区块居中生效的是marin属性,如果目标浏览器为IE8+ 可以用下面的样式来代替:

#inner {
  display: table;
  margin: 0 auto;
}

 

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据