الجمعة، 3 أكتوبر 2014

كيفية التحكم في محاذاة الصورة باستخدام أنماط 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;
}

ليست هناك تعليقات:

إرسال تعليق