Flexbox
Flexbox. طبّق Flexbox على مدخلاتك. اضبط الاتجاه, المحاذاة على المحور الرئيسي, التباعد (px) وافحص النتيجة قبل نسخها.
النص والتحويل
يعمل داخل هذا المتصفحالنتيجة
اضبط المدخلات وشغّل الأداة لعرض النتيجة.
كيفية استخدام Flexbox
- راجع المثال المعبأ ووحدات الإدخال، ثم استبدله ببياناتك.
- طبّق Flexbox على مدخلاتك. اضبط الاتجاه, المحاذاة على المحور الرئيسي, التباعد (px) وافحص النتيجة قبل نسخها.
- شغّل الأداة وافحص النتيجة، ثم انسخ أو نزّل ما تحتاج إليه.
الطريقة والنطاق
طبّق Flexbox على مدخلاتك. اضبط الاتجاه, المحاذاة على المحور الرئيسي, التباعد (px) وافحص النتيجة قبل نسخها.
عدّل المثال أو الصق المحتوى الخاص بك.
مثال للمدخلات
الاتجاه: row المحاذاة على المحور الرئيسي: space-between التباعد (px): 16
أسئلة والتحقق من النتائج
كيف تحدد أداة Flexbox النتيجة؟
طبّق Flexbox على مدخلاتك. اضبط الاتجاه, المحاذاة على المحور الرئيسي, التباعد (px) وافحص النتيجة قبل نسخها.
ما الذي يجب التحقق منه قبل المعالجة؟
عدّل المثال أو الصق المحتوى الخاص بك.
كيف أتحقق من المخرجات؟
استخدم المثال المرفق للتحقق، ثم قارن النتائج المهمة بالمصدر أو المستند التجاري الأصلي.
الاتجاه: row المحاذاة على المحور الرئيسي: space-between التباعد (px): 16
أدوات ذات صلة
px → rem
احسب باستخدام القيمة بالبكسل (px), حجم خط العنصر الجذر (px)؛ راجع الصيغة والوحدات والمثال المحلول.
أدوات المطورpx → em
احسب باستخدام القيمة بالبكسل (px), حجم خط العنصر الأب (px)؛ راجع الصيغة والوحدات والمثال المحلول.
أدوات المطورتحويل وحدات مساحة العرض
احسب باستخدام القيمة بالبكسل (px), حجم إطار العرض (px)؛ راجع الصيغة والوحدات والمثال المحلول.
أدوات المطورنسبة العرض إلى الارتفاع
احسب باستخدام العرض, الارتفاع؛ راجع الصيغة والوحدات والمثال المحلول.
أدوات المطوراختبار التعابير النمطية
طبّق اختبار التعابير النمطية على مدخلاتك. اضبط النص المدخل, التعبير النمطي, الرايات وافحص النتيجة قبل نسخها.
أدوات المطورتهريب النص الحرفي للتعبير النمطي
طبّق تهريب النص الحرفي للتعبير النمطي على مدخلاتك. اضبط النص المدخل وافحص النتيجة قبل نسخها.