如何使用CSS，HTML或真正基本的javascript使我的页面加载居中

Question

你好我已经制作了一个页面，其宽度为1300像素的图像作为其最宽点。我正在尝试制作一些东西，使页面加载到页面的中心（文本等所在的位置）在浏览器中间。有一种简单的方法吗？

Answer 1

将此添加到外部包装CSS：

width: <text width>px;
margin: 0px auto;

使图像成为身体的中心背景：

background: url(image.png) top center;

Answer 2

如果要显示一些居中的块元素（固定宽度），则需要使用此规则：

margin:0 auto;

如果要在某个元素中放置一些文本，只需设置：

text-align:center;

如果你想要一个绝对元素（固定的widh，也就是1300px），你需要更加棘手：

margin-left:-650px;
left:50%;

Answer 3

在CSS中

执行此操作：

   body: {
       text-align: center
   }

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

文本对齐中心适用于旧IE6，而保证金适用于较新的浏览器。 #main是你要居中的主要div。

Answer 4

Body{margin: 0px;}
.wrapperDiv{Margin: 0 auto;}