صهيب نشر 14 سبتمبر 2015 أرسل تقرير نشر 14 سبتمبر 2015 كيف يمكنني توسيط صورة داخل عنصر "DIV" كبير توسيط كامل لكافة الإتجاهات؟ اقتباس
0 Lujain Maaz نشر 14 سبتمبر 2015 أرسل تقرير نشر 14 سبتمبر 2015 يجب عليك أولاً تحديد عرض الصورة width ثم إضاقة خاصية margin:0 auto ضمن style الصورة اقتباس
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 لجميع الإتّجاهات (توسيط كامل). اقتباس
السؤال
صهيب
كيف يمكنني توسيط صورة داخل عنصر "DIV" كبير توسيط كامل لكافة الإتجاهات؟
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.