كيفية - توسيط الصور
تعرف على كيفية توسيط صورة باستخدام CSS.
الصورة المركزية:
كيفية توسيط الصور
الخطوة 1) أضف HTML:
مثال
<img src="paris.jpg" alt="Paris" class="center">
الخطوة 2) أضف CSS:
لتوسيط صورة ، اضبط الهامش الأيمن والأيسر auto
على block
عنصر:
مثال
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
لاحظ أنه لا يمكن توسيطها إذا تم ضبط العرض على 100٪ (العرض الكامل).
نصيحة: انتقل إلى البرنامج التعليمي الخاص بصور CSS لمعرفة المزيد حول كيفية تصميم الصور.