html - 960.gs を使用して div を画面の中央に移動する方法

Question

CSS と 960.gs を使用して、水平方向と垂直方向の両方で div を画面の中央に配置する方法を知りたいです。

Answer 1

960.gs は、相対的にセンタリングする (つまり、パーセンテージを使用する) ことではありません。ページの幅 (この場合は 960 ピクセル) を選択して分割します。開始するグリッドを選択し、幅 (合計グリッド - 開始グリッド) を選択することで、div を「中央に配置」できます。

グリッド自体を水平方向に単純にセンタリングするには、960.gs デモにあることを実行できます。

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

Answer 2

div { 
    position:absolute;
    left: 50%;
    top: 50%;
    width:""px;
    height:""px;
    margin:half the length of width; half the length of height; 
}