الرئيسية
الباقات
أدوات مستقلة
الأسعار
EN
إنشاء حساب
تسجيل الدخول
← 💻 أدوات المطورين
📐
ملعب فليكس باكس التفاعلي
تحكم في Flexbox بصرياً مع إضافة عناصر قابلة للتعديل والأنماط الجاهزة وشرح الخصائص
flex-direction
ℹ
row
row-reverse
column
column-reverse
justify-content
ℹ
flex-start
center
flex-end
space-between
space-around
space-evenly
align-items
ℹ
stretch
flex-start
center
flex-end
baseline
flex-wrap
ℹ
nowrap
wrap
wrap-reverse
gap:
8
px
+
6
-
حركة
أنماط:
شريط تنقل
توسيط
شريط جانبي
بطاقات
اسحب الحافة اليمنى لتغيير العرض
خصائص العنصر المختار:
flex-grow
flex-shrink
flex-basis
align-self
auto
flex-start
center
flex-end
stretch
order
الكود الناتج:
نسخ CSS
نسخ HTML+CSS
🔒 معالجة محلية في متصفحك — لا يُرفع أي ملف لخوادمنا
ساعدنا في تحسين هذه الأداة:
🚩 ملاحظة
💡 مقترح
🚩 إبلاغ عن ملاحظة
نوع الملاحظة
خطأ تقني
نتيجة خاطئة
بطيء
مشكلة في الواجهة
أخرى
وصف المشكلة
بريدك الإلكتروني (اختياري)
إرسال الملاحظة
إلغاء
💡 مقترح تحسين
عنوان المقترح
التفاصيل
بريدك الإلكتروني (اختياري)
إرسال المقترح
إلغاء