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

CSS Flex Flow row wrap خاصية flex-flow مع القيمة row wrap في لغة CSS

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

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

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

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

تستخدم خاصية flex-flow مع القيمة row wrap في لغة CSS لعرض العناصر بداخل flex container حاوية فليكس بوكس علي هيئة صف مع خاصية الألتفاف أو التمدد لصفوف أخري.

جرّب بنفسك

CSS Flex Flow row wrap

خاصية flex-flow مع القيمة row wrap في لغة CSS.

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

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