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

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

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

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

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

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

تسخدم خاصية justify-content مع القيمة space-between في لغة CSS لعرض العناصر الداخلية لحاوية flex box بينهم مسافات فارغة متساوية عدا أول لا يوجد قبله مساحه وأخر عنصر لا يوجد بعدة مساحة.

جرّب بنفسك

CSS flex justify space between

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

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

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