如何使用CSS，HTML或真正的基本javascript使頁面加載居中

Question

Hello Ive制作了一個頁面，該頁面的寬度最大為1300px。 我正在嘗試使瀏覽器中間的頁面中心（文本等所在的位置）加載頁面。 有一個簡單的方法嗎？

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，而margin適用於較新的瀏覽器。 #main是要居中的主div。

Answer 4

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