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

CSS flex wrap nowrap خاصية flex-wrap مع القيمة nowrap في لغة CSS

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

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

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

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

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

جرّب بنفسك

CSS flex wrap nowrap

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

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

جميع فقرات هذا الدرس (إلتفاف العناصر داخل حاوية flex box في لغة CSS)