Badraoui نشر 29 فبراير 2016 أرسل تقرير مشاركة نشر 29 فبراير 2016 (معدل) قمت بكتابة هذا الجزء من الكود الخاص بـ div بداخلها صورة: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <meta charset="utf-8"/> <title>Sandbox</title> <style> *{margin:0;padding:0;} div{ background:red; } </style> </head> <body> <div> <img src="image.jpg"/> </div> </body> </html> لكن ألاحظ وجود مشكل على مستوى margin bottom الخاص بـ div وخصوصا عند إضافة الصورة، فكيف أحل هذا المشكل؟ تم التعديل في 29 فبراير 2016 بواسطة Badraoui اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 E.Nourddine نشر 1 مارس 2016 أرسل تقرير مشاركة نشر 1 مارس 2016 (معدل) اعرض وسم <img /> كـ block: div > img { display: block; } حيث أن خاصية block ستعطي للصورة بداخل وسم div إمكانية أخذ خصائص margin bottom. إليك هذا المثال العملي من الرابط. تم التعديل في 1 مارس 2016 بواسطة E.Nourddine اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Badraoui
قمت بكتابة هذا الجزء من الكود الخاص بـ div بداخلها صورة:
لكن ألاحظ وجود مشكل على مستوى margin bottom الخاص بـ div وخصوصا عند إضافة الصورة، فكيف أحل هذا المشكل؟
تم التعديل في بواسطة Badraouiرابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.