Question

我的JSF Web应用程序左对齐，看起来很奇怪。我想让它的外观集中在所有浏览器中。

我尝试过这个并没有用：

#main {
margin:0 auto; 
text-align:center; 
}

我也尝试过：

div align="center"...

在html体内，但没用。

如何集中#main？

Answer 1

尝试

#main{
  margin: 0px auto;
}

还记得设置一个宽度，否则它将是100％，导致它成为整个页面，使其看起来左对齐。

Answer 2

#main {
    margin: 0 auto;
    width: 960px; /* or whatever you like */
}

Answer 3

#main需要固定的宽度才能发挥作用：http://jsfiddle.net/RVpUQ/1/

#main {
    margin:0 auto;
    width: 55px;
}

Answer 4

您需要宽度并将边距设置为自动

Answer 5

您还需要添加宽度。

#main {
  margin:0 auto; 
  width: 75%;
  text-align:center; 
}

Answer 6

<html>
 <body>
    <div class="divContainer">
        <div class="divCentral">
            <h1>My content herer</h1>
        </div>
     </div>        

 </body>
</html>

和CSS是

.divContainer
{
  background-color:gray;
  width:100%;
  min-height:500px;
}
.divCentral
{
 width:90%;
 background-color:white;
 min-height:480px;
 margin:0 auto;
}

以下是示例http://jsfiddle.net/eptGU/4/

Answer 7

您可以使用css设置如下：

这就是div风格：

边框：1px纯白色;身高：90％; margin-left：auto; margin-right：auto;顶部：0px;位置：相对;宽度：879px;

所以你为div定义了一个宽度，然后浏览器自动中心了。

并且您必须将以下属性设置为正文样式：

text-align：center;

这取决于页面的body标签的样式，这使得iexplorer实现了正确的行为。

如何使用div标签集中我的整个Web应用程序？

7 个答案: