div

の2つの要素を垂直に中心に集中する方法。次の方法のいずれかを使用できます。 CSS FlexBox Method

この方法では、FlexBoxプロパティを使用してFlex方向、アライメント、および要素の正当化を設定します。 ディスプレイ：Flex; フレックス方向：列; justify-content：center; Align-Items：Center; }

この方法では、ディスプレイを使用します：テーブルと垂直アライイン：中間プロパティdiv。 表示：テーブル; 位置：絶対; 高さ：100％; 幅：100％; } ＃容器 { ディスプレイ：テーブルセル; 垂直アライイン：中央; }

このコードはボディ要素をテーブルのように動作させ、#container divはテーブルセルとして配置され、中央に垂直に整列します。