如何将水平居中

如何将水平居中

您可以将此CSS应用于内部

<div>

：

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

当然，您不必将设置

width

为

50%

。任何小于包含宽度的宽度

<div>

都可以使用。

margin: 0 auto

是什么呢实际定心。

如果您以Internet Explorer 8（及更高版本）为目标，最好改用以下方法：

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

它将使内部元素水平居中，并且无需设置特定的 width。

这里的工作示例：

#inner {  display: table;  margin: 0 auto;  border: 1px solid black;}#outer {  border: 1px solid red;  width:100%}

<div id="outer">  <div id="inner">Foo foo</div></div>