اذهب إلى المحتوى
  • 0

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

Ziad Mohamed15

السؤال

Recommended Posts

  • 0

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

display:flex

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

printScreenKey.jpg.6fc45b802f9d2956f0569078cfecd878.jpg

شكل آخر :

3.png.5fc2f26c6c0854e693c1af0343adb583.png

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

4.png.a2d6e5b838dfc45d2f71a646abadd655.png

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

.slider-container{
   margin: auto;
}

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

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

الخاصية margin في CSS

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...