هامش غير مرئي غريب أسفل الصور

في هذه المشكلة، يواجه المؤلف هامشًا غير مرئي أسفل الصور في صفحة الويب الخاصة به، على الرغم من غياب هذا الهامش في التعليمات البرمجية. هذه مشكلة شائعة ناجمة عن طبيعة الصور كعناصر مضمنة.

وفقًا للرد، فإن السلوك المضمن الافتراضي للصور يخلق مسافة بين أسفل الصورة، والتي تتماشى مع الخط الأساسي للنص، وأسفل سطر النص. لحل هذه المشكلة، الحل هو تحويل الصورة إلى عنصر كتلة.

أحد الحلول البسيطة هو استخدام العرض: كتلة؛ لتحقيق هذا. هناك طريقة أخرى وهي تعويم الصورة باستخدام float: left; أو float: right;، والذي يحوله أيضًا إلى عنصر كتلة.

قد يؤثر ضبط الخصائص مثل المحاذاة العمودية وحجم الخط وارتفاع الخط أيضًا على التباعد ولكنه أقل موثوقية ولا يزال عرضة للتغييرات. التأثير في سياقات مختلفة.

تتضمن الأسئلة ذات الصلة المقدمة للحصول على مزيد من المعلومات ما يلي:

المسافات غير المرغوب فيها أسفل الصور في XHTML 1.0 Strict
لماذا حصلت صوري على المزيد تباعد؟
• مشكلة تباعد الصور في IE