Sofia Emelianova
تسهّل "أدوات مطوّري البرامج في Chrome" تصحيح أخطاء تنسيقات CSS flexbox. تقدّم لك لوحة العناصر أداة Flexbox Editor وعنصرًا تراكبيًا قابلاً للتخصيص يتكيّف مع السياق.
شاهِد الفيديو لمعرفة كيفية إجراء ما يلي:
- استخدِم محرِّر Flexbox لتغيير سمات Flexbox بنقرة زر بدلاً من كتابتها.
- يمكنك تبديل تراكب Flexbox في مساحة العرض للاطّلاع على التغييرات التي تجريها على الفور.
- استخدِم قسم العناصر > التنسيق > Flexbox للاطّلاع على قائمة بجميع العناصر وتحديد موقعها في شجرة DOM. بالإضافة إلى ذلك، يمكنك تخصيص ألوان التراكب هنا.
للاطّلاع على مزيد من المعلومات عن CSS flexbox بشكل عام، اطّلِع على التعرّف على CSS > Flexbox.
للحصول على تجربة عملية أكثر لتصحيح الأخطاء في "أدوات مطوّري البرامج"، اتّبِع البرنامج التعليمي فحص تنسيقات CSS flexbox وتصحيح الأخطاء فيها.