垂直高水平センタリングと不定広い箱

1、

.father { 
    表示：表 - セル。
    テキスト - 揃える：センター; 
    垂直 - 整列：中央; 
    幅：500pxなど;高さ：500pxなど。
} 

.child { 
    表示：インライン - ブロック。
}

 

2、

.container { 
  　　位置：相対。
} 
.inner { 
  位置：絶対。
  トップ：50％; 
  左：50％; 
  変換：変換（ - 50％ - 50％）。
}

3、VH及びVWは、2個の以上の部分単位で、「ビューポートの高さと幅の1％」を意味し、例えば、現在のビューポート50vhは（ウィンドウの高さ、スクロールバーは実験を含む）の高さの50％です。それVWは、ウィンドウ幅のほぼ1％を取得します。

.inner { 
   位置：固定されました。
   トップ：50vh。
   左：50vw。
   変換：変換（ - 50％ - 50％）。
}

　　派生物

　　

.inner2 { 
   位置：固定されました。
   トップ：0 ; 
   左：0 ; 
   マージン：50vh 0  0 50vw。
   変換：変換（ - 50％ - 50％）。
}

4、

.father { 
        ディスプレイ：曲がります。
        justfy - コンテンツ：センター; 
        整列 - アイテム：センター; 
    }