التصميم
مولد CSS Flexbox
بناء تخطيطات Flex بشكل مرئي.
وصفات تخطيط (10 إعدادات مسبقة)
إعدادات الطفل المحددة
جرب أيضًا: مولد CSS Grid · مولد التدرجات CSS · مولد ظل الصندوق CSS.
بناء تخطيط فلكس بصريًا
اختر وصفة أو اضبط عناصر التحكم — يتم تحديث المعاينة مباشرة. انسخ قاعدة .container إلى ملف الأنماط الخاص بك.
الأسئلة الشائعة
ماذا ينتج؟
قاعدة flex جاهزة للنسخ للحاوية .container، تشمل الاتجاه والمحاذاة والالتفاف وgap — مع معاينة مباشرة يمكن فيها تعديل عدد العناصر الفرعية.
ما وصفات التخطيط؟
عشرة إعدادات مسبقة بنقرة واحدة: navbar وhero في الوسط وصف بطاقات وهيكل sidebar وتكديس رأسي وشريط footer وغيرها — أنماط شائعة يستخدمها المطورون يوميًا.
هل يتم تحميل أي شيء؟
لا. يتم إنشاء CSS بالكامل في متصفحك.
آخر تحديث: