طريقة توسيط العناصر في css

نحتاج لتجربة الكود لا يمكننا حل المشكلة بهذه الطريقة, عموما هناك عدة طرق لتوسيط العناصر ولذلك يجب أن نعاين الكود الخاص بك لنعرف أي الطرق مناسبة لك, يمكنك تجربة استخدام الخاصية flex , من خلال جعل طريقة عرض العنصر الاب flex كالتالي

display:flex

واعطائه بعض الخصائص التي تجعل العناصر الابناء تعرض بالمنتصف كالتالي

justify-content: center;
align-items: center;

هذه احدى الطرق

تستطيع اخذ صورة للشاشة بالنقر على الزر المسمى print Screen SysRq و اختصارها prt sc في اجهزة اللابتوب :

شكل آخر :

وبعد النقر عليه قم بفتح الرسام وقم بلصق الصورة :

وبعدها يمكنك عمل ctrl + s لتقوم بحفظ الصورة بالمكان الذي تريده أو يمكنك حفظها يدوياً.

لتوسيط العنصر ضمن المحور الأفقي x يمكنك ضبط الهوامش الجانبية بشكل تلقائي.

.slider-container{
   margin: auto;
}

سيعطي هذا ذات المقاربة.

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

الخاصية margin في CSS