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

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

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

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

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

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

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

جرّب بنفسك

CSS Flex Flow column wrap

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

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

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