انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: خاصية في justify-content مع flex box لغة CSS

CSS flex justify content center خاصية justify-content مع القيمة center في لغة CSS

سوف تتعلم في هذا الدرس خاصية  justify-content في لغة CSS ووظيفيتها وكيفية إستخدامها مع حاويات flex box وجميع القيم الخاصة بها.

1 صفوف تعليمية
لغة CSS
4,432 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تسخدم خاصية justify-content مع القيمة center في لغة CSS لعرض العناصر الداخلية لحاوية flex box في منتصف سواء كانت الحاوية غير عكسية أو عكسية.

جرّب بنفسك

CSS flex justify content center

خاصية justify-content مع القيمة center في لغة CSS.

HTML 
.flex-container
{
  display: flex;
  flex-direction:row;
  justify-content:center;
  background-color: DodgerBlue;
  border:orange dashed 2px;
  width:100%;
}
جرّب بنفسك

جميع فقرات هذا الدرس (خاصية في justify-content مع flex box لغة CSS)