"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > شبكة CSS: كيفية تعيين عدد أقصى عدد من الأعمدة بدون استفسارات الوسائط؟

شبكة CSS: كيفية تعيين عدد أقصى عدد من الأعمدة بدون استفسارات الوسائط؟

نشر في 2025-03-05
تصفح:768

CSS Grid: How to Set a Maximum Column Count Without Media Queries?

يتغير العرض؟

الإجابة: يستخدم هذا النهج مفهوم الأعمدة التلقائية:

الحل:

تلقائيًا ، استخدم minmax (max (العرض ، 100 ٪/n) ، 1fr) لتحديد سلوك العمود.

عرض.

1FR يعين عرض العمود الافتراضي ليكون جزءًا واحدًا من المساحة المتبقية. سوف تلتزم العناصر تلقائيًا إلى صفوف جديدة حسب الضرورة.

-N: 4 ؛ / * الحد الأقصى لعدد الأعمدة */ العرض: الشبكة ؛ أعمدة الشبكة: تكرار (تلقائي ، minmax (Max (200px ، 100 ٪/var (-n)) ، 1fr)) ؛ }

مثال: الصفوف مع تغير عرض الشاشة ، دون الحاجة إلى استفسارات الوسائط.

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3