"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > لماذا تحتوي الصور في HTML5 divs على هامش قاع 3 بكسل ، وكيف يمكنني إصلاحه؟

لماذا تحتوي الصور في HTML5 divs على هامش قاع 3 بكسل ، وكيف يمكنني إصلاحه؟

نشر في 2025-03-23
تصفح:833

؛ لقد لوحظت هذه المشكلة حتى عندما يتم تعيين ارتفاع وعرض الصورة و DIV على 50 بكسل. يكمن الحل في استخدام خاصية CSS العمودية للإشارة إلى أنه لا يوجد مثل هذه المساحة ضرورية. أي قيمة للمحاذاة الرأسية ستعمل ، مع كون "الأوسط" خيارًا شائعًا.

Why Do Images in HTML5 DIVs Have a 3px Bottom Margin, and How Can I Fix It?
تنفيذ هذا الإصلاح في CSS:

المحاذاة الرأسية: الأوسط ؛ }

من خلال دمج هذا الرمز ، ستفقد الصور الهامش السفلي غير المرغوب فيه ، مما يؤدي إلى السلوك المتوقع. للحصول على مظاهرة عملية ، راجع هذا JSFIDDLE المحدث: http://jsfiddle.net/frpk6/1/. Budap&&&]

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3