كيفية التحكم في محاذاة الصورة باستخدام أنماط CSS

تتيح لك أنماط CSS أن تتحكم في محاذاة الصور والعناصر الأخرى على صفحة الويب.

في هذه المقالة، سنشرح كيفية التحكم في محاذاة الصور.

1- توسيط الصورة : استخدم الكود التالي :

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

2- محاذاة الصورة على اليمين : استخدم الكود التالي :

img.rightWrap {
float:right;
margin-left:10px;
}

3-محاذاة الصورة إلى اليسار : استخدم الكود التالي :

img.leftWrap {
float: left;
margin-right: 10px;
}

كتب بواسطة Expert Blogger

بلدي هو الأردن مشرف سابقا على عدة منتديات و مواقع و صفحات تعليمية على الفيسبوك و من عشاق البحت و الاكتشاف أشياء جديدة و حصرية حول شبكت الأنترنيت من أهمها مدونات بلوجر و وود دبرس و الصفحات على الفيسبوك أحب مساعدة المبتدئين لإنجاز طموحاتهم كما أسعى لتحقيقي طموحاتي من خلال هذا الموفع المتواضع أتمنى أن تنال مقالاتي إعجابكم و أن أكون أول من يدعمكم لشق طريقكم نحو التطور و الإحتراف و الإستفادة من خلال عرض مجموعة من المعلومات و المواضيع القيمة .