صهيب نشر 14 سبتمبر 2015 أرسل تقرير مشاركة نشر 14 سبتمبر 2015 كيف يمكنني توسيط صورة داخل عنصر "DIV" كبير توسيط كامل لكافة الإتجاهات؟ اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Lujain Maaz نشر 14 سبتمبر 2015 أرسل تقرير مشاركة نشر 14 سبتمبر 2015 يجب عليك أولاً تحديد عرض الصورة width ثم إضاقة خاصية margin:0 auto ضمن style الصورة اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 mutaz_hakmi نشر 14 سبتمبر 2015 أرسل تقرير مشاركة نشر 14 سبتمبر 2015 أنظر المثال التالي: <!DOCTYPE html><html> <head> <title>Academy Of Hsoub</title> <meta charset="utf-8" /> <style> .mydiv{ background-color: #000000; border: 2px solid #111; height: 100px; width: 100px; margin: auto; position:relative ; padding:50px; } .superpic{ height: 100px; width: 100px; } </style> </head> <body> ------- <!-- Box --><div class="superdiv"> <img src="http://yoursite.com/yourphoto.jpg" class="superpic" /> </div> </body> </html> ضمن هذا المثال قمنا بإبعاد الصّورة عن حواف الـ "DIV" بمقدار 50px لجميع الإتّجاهات (توسيط كامل). اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
صهيب
كيف يمكنني توسيط صورة داخل عنصر "DIV" كبير توسيط كامل لكافة الإتجاهات؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.