📍أفضل طريقة لتوسيط العناصر بـ CSS 🔥
✔ بهذا الثريد راح أوضح لك افضل طريقة توسط بها العناصر من محور الـx و y (راسي وافقي) باستخدام CSS و HTML😍
👇👇
✔ بهذا الثريد راح أوضح لك افضل طريقة توسط بها العناصر من محور الـx و y (راسي وافقي) باستخدام CSS و HTML😍
👇👇
الطريقة هي باستخدام خصائص Flex Box المميزة ✔, وتعطيك الحرية بالتحكم وتوزيع العناصر بالصفحة , وراح أوضح لك بهذا الشرح كيف توسط العناصر من محور الـx و y (راسي وافقي) ..
طبعا توجد الكثير من الخصائص لـFLex Box
طبعا توجد الكثير من الخصائص لـFLex Box
✔ الطريقة
لنوضح بالبداية ان لدينا كلاس باسم container وبداخله كلاس content وسوف نقوم بوضعه بوسط الـcontainer
موضح الشرح بالصورة 😍👋
لنوضح بالبداية ان لدينا كلاس باسم container وبداخله كلاس content وسوف نقوم بوضعه بوسط الـcontainer
موضح الشرح بالصورة 😍👋
✔ بالبداية نعطي خاصية العرض display القيمة flex ليتم استخدام هذه الخاصية وتطبيقها على العناصر بداخل هذا الكلاس .
justify-content : استخدمنا هذه الخاصية لتوسيط العناصر على محور x (الافقي) .
align-items : استخدمناها لتوسيط
العناصر على محور y (رأسي) .
justify-content : استخدمنا هذه الخاصية لتوسيط العناصر على محور x (الافقي) .
align-items : استخدمناها لتوسيط
العناصر على محور y (رأسي) .
✔ مميزات هذه الخاصية
ما يميز هذه الطريقة انه لا نحتاج للتلاعب بقيم أي عنصر اخر😍 , وأيضا تبسط لك عمل وجعل العناصر متجاوبة responsive بشكل أفضل من الطرق الأخرى ...
ما يميز هذه الطريقة انه لا نحتاج للتلاعب بقيم أي عنصر اخر😍 , وأيضا تبسط لك عمل وجعل العناصر متجاوبة responsive بشكل أفضل من الطرق الأخرى ...
وبالنهاية لا تنسى متابعتي للمزيد ..❤❤
جاري تحميل الاقتراحات...