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

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

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

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

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

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

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

جرّب بنفسك

CSS Flex Flow row nowrap

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

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

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