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

اجعل عنصر الشبكة يمتد إلى العرض الكامل للأصل

تم النشر بتاريخ 2024-07-30
تصفح:749

Make a grid element span to the full width of the parent

لا يوجد تراكم. دعنا نصل الى اتفاق.

لديك حاوية شبكية، وتحتوي على بعض العناصر الفرعية مقسمة إلى أي عدد تريده من الأعمدة. في الوقت الحالي، لنفترض أن حاوية الشبكة تحتوي على سبعة عناصر، وهذه العناصر مقسمة إلى ثلاثة أعمدة. تريد أن يشغل العنصر السابع العرض الكامل للأصل.

إليك مقتطف الشفرة.

.seven {
    grid-column: 1 / span 3;
}

اطلع على المثال الكامل هنا: https://codepen.io/ccgaejza-the-selector/pen/dyELmRE

بيان الافراج تم إعادة إنتاج هذه المقالة على: https://dev.to/sgvugaurav/make-a-grid-element-span-to-the-full-width-of-the-parent-3ecc?1 إذا كان هناك أي انتهاك، من فضلك اتصل بـ [email protected]
أحدث البرنامج التعليمي أكثر>

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

Copyright© 2022 湘ICP备2022001581号-3