html - 使用 CSS 使页面内容居中

Question

我正在尝试创建潜在客户生成页面。当在任何浏览器尺寸上显示时，我想将页面上的所有内容居中。

我尝试使用垂直居中对齐。但是好像不行。

这样做的最佳做法是什么？

http://play.mink7.com/h/mspre/

Answer 1

如果您只是指在左右边缘之间居中，则创建一个具有固定宽度的元素，并在其上声明 margin: auto;。

如果您希望元素在水平和垂直方向都居中，则将其水平和垂直方向放置在页面的中间位置，然后将其向后拉元素宽度和高度的一半。

例如:

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