Question

我正在尝试创建潜在客户生成页面。我希望在任何浏览器尺寸上显示时，将页面上的所有内容都集中到中心。

我尝试使用垂直对齐中心。但似乎没有用。

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

Answer 1

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

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

例如：

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

Answer 2

对我来说，最好的方法是制作一个设定宽度的容器div。我通常选择大约900px，因为几乎所有的显示器都比现在更宽。然后我使用margin auto中心div。

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

这将使div居中。鲍勃是你的叔叔。
如果你愿意，我可以发布这个例子。

麦克

Answer 3

你走了：