كيفية تركز الصورة

تعلم كيفية استخدام CSS لتركز الصورة.

تركز الصورة:

توليب

كيفية تركز الصورة

الخطوة الأولى - إضافة HTML:

<img src="paris.jpg" alt="Paris" class="center">

الخطوة الثانية - إضافة CSS:

لجعل الصورة في منتصف الصفحة، قم بتعيين الهوامش الخارجية للجوانب auto، وقم بتعيينها كعنصر دفعي:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

جربها بنفسك

الرجاء الانتباه، إذا تم تعيين العرض 100%إذا كان (العرض الكامل)، فإنه لا يمكن أن يكون مركزياً.

الصفحات ذات الصلة

دليل:صورة CSS