كيف تركز عموديًا عنصرين في div

لمحاذاة عنصرين رأسياً داخل div ، يمكنك استخدام أي من الأساليب التالية:

العرض: فليكس. الاتجاه المرن: العمود ؛ تبرير المحتوى: المركز ؛ محاذاة عناصر: المركز ؛ } سيقوم هذا الرمز بإنشاء حاوية مرنة تتراكم العناصر رأسياً وتركز عليها أفقيًا وعموديًا.

#container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

سيجعل هذا الرمز عنصر الجسم يتصرف مثل الجدول ، وسيتم وضع #Container Div كخلية جدول ويتوافق رأسياً في الوسط.