Skip to content
أداة عبر الإنترنت
FREE ONLINE TOOL · DEVELOPER TOOLS

CSS Flexbox Generator

استخدم CSS Flexbox Generator عبر الإنترنت دون إنشاء حساب. تحقّق من البيانات والنتيجة. intro

WORKSPACESTEP 1 · CHOOSE YOUR INPUT   →   STEP 2 · CONFIGURE   →   STEP 3 · EXPORT
Interactive toolReview processing details below
Loading your workspace…

طريقة الاستخدام CSS Flexbox Generator

اختر ملفًا أو أدخل بياناتك.

  1. اضبط الخيارات المتاحة.
  2. شغّل الأداة وتحقّق من النتيجة قبل حفظها.
  3. فحوصات مهمة

احتفظ بالملف الأصلي وتأكد من صحة النتيجة. تختلف الميزات حسب المتصفح.

الإرشادات الأصلية الخاصة بالأداة (بالإنجليزية)

تمت ترجمة التنقل والدليل، لكن بعض عناصر التحكم والإرشادات التفصيلية ما زالت بالإنجليزية.
  1. Choose direction, justification, alignment and spacing.
  2. Run the tool and inspect the generated result or preview.
  3. Copy or download the result, then verify it before publishing.

Generated rules are a starting point; parent width affects wrapping.

Related tools