使用CSS在页面中居中内容

我正在尝试创建潜在客户页面。当在任何浏览器大小上显示时，我想将页面上的所有内容居中放置到中心。使用CSS在页面中居中内容

我试过使用垂直对齐中心。但它似乎不工作。

哪些是最佳做法？

2012-08-02 Harsha M V

如果你仅仅意味着左，右边缘之间的中心，为您营造一个固定宽度的元素，并在其上宣布margin: auto;。

如果要将元素水平和垂直居中，可以将它横向和纵向放置在页面的一半，然后将其拉回元素宽度和高度的一半。

例如：

.someElement { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 200px; 
    height: 200px; 
    margin: -100px 0 0 -100px; 
}

2012-08-02 09:53:31

我试过了。但它似乎并不以此为中心。 http://play.mink7.com/h/mspre/ – 2012-08-02 10:13:44

我不明白。它看起来对我很重要。 – 2012-08-02 10:14:50

啊。对不起，我正在改变和玩代码:)现在它工作:) – 2012-08-02 10:27:56

-1

在这里你去：

2012-08-02 09:53:38

对我来说，做到这一点的最好办法是使设置宽度的div容器。我通常会选择大约900像素，因为现在几乎所有的显示器都比这更宽。然后我使用margin auto来分隔div。

#container { width: 900px; 
margin: 0px auto 0px auto; 
}

这将以div为中心。鲍勃是你的叔叔。
如果你想我可以发布这个例子。

Mike

2012-08-02 12:02:30 Mackey18

回答