---------遠位面の質問呼ばXpressの

1 水平および垂直中心親要素で
 
<DIV CLASS = "箱">
<DIV CLASS = "インナー">
</ div>
</ div>
 
。ボックス{
表示：フレックス。
正当化 -content：センター; / * 水平方向の中心  * / 
ALIGN =左 -items：センター; / * 垂直中心  * /
幅：500pxなど。
高さ：500pxなど。
国境：1pxの固体赤。
}
.inner {
幅：200pxの。
高さ：200pxの。
背景 - 色：赤;
}
 
2 画面の必ず水平方向および垂直方向の中心
 
。ボックス{
幅：100ピクセル;
高さ：100pxに。
背景：赤;
位置：絶対;
左： 50％;
トップ： 50％;
変換：（翻訳 -50％、-50％ ）。
}
 
3 。常に画面上の水平方向および垂直方向中心
 
。ボックス{
幅：200pxの。
高さ：200pxの。
背景：赤;
位置：絶対;
左： 50％;
トップ： 50％;
マージン -left： - 100ピクセル。
マージン -top： - 100ピクセル。
} 
 
 
 
 
 
4 画面の必ず水平方向および垂直方向の中心
 
。ボックス{
幅：600PX。
高さ：600PX。
背景：赤;
位置：絶対;
左： 0 ;
トップ： 0 ;
下： 0 ;
右： 0 ;
マージン：自動;
}
 
5 。テキストを実装水平方向中央に配置され
 
■は{
表示：表 - セル。
垂直 - 整列：中央;
テキスト - 揃える：センター;
幅：240ピクセル;
高さ：180ピクセル;
国境：1pxの固体＃ 666 ;
} 

ファイブ上下中央スキーム