تراكب شبكة CSS في Chrome باستخدام OffiDocs

الوصف:

قم بتشغيل ملحق سوق Chrome الإلكتروني عبر الإنترنت CSS Grid Overlay باستخدام OffiDocs Chromium عبر الإنترنت.

يدعم نقاط التوقف المتعددة وقيم الشبكة المعتادة (المزاريب، والأعمدة، والحد الأقصى للعرض، وما إلى ذلك).

يمكن بسهولة حفظ التكوينات ومشاركتها بين أعضاء الفريق ككائنات json.

مثال على conf: [ { "columns": 4, "margins": 16, // px قبل وبعد العمود الأول والأخير // تعمل هذه المزاريب مثل الهوامش: // إذا كانت المسافة بين الأعمدة 32 بكسل، تكون المزاريب 16 " ": 16, "from": 0, // بداية نقطة التوقف في px // القيم الاختيارية // "to": 599، نهاية نقطة التوقف في px // سيتم توسيط الشبكة بعد الحد الأقصى للعرض في px // وإلا فسيتم توسيطها' سيكون بالعرض الكامل // "maxWidth": 1440، // إذا كنت تريد نقل الشبكة // (على سبيل المثال.

g.

في دليل النمط مع الشريط الجانبي الأيسر // يمكنك استخدام OffsetLeft لدفع الشبكة إلى اليمين // "offsetTop": 0, // "offsetRight": 0, // "offsetBottom": 0, // "offsetLeft ": 0, // "backgroundColors": { // "الأعمدة": "rgba(234, 23, 140, .

3)"، // "المزاريب": "rgba(0, 231, 255, .

3)"، // "الهوامش": "rgba(0, 191, 165, .

3)" // } } ]

معلومات إضافية:

- مقدمة من imagentleman.github.io
- متوسط ​​التقييم: 4.33 نجوم (أحببته)
- مطور محمي عنوان البريد الإلكتروني هذا من المتطفلين و برامج التطفل. تحتاج إلى تفعيل جافا سكريبت لتتمكن من مشاهدته.

ملحق الويب CSS Grid Overlay مدمج مع OffiDocs Chromium عبر الإنترنت