إزالة تباعد الصور عبر CSS

في HTML، عندما يتم وضع صور متعددة على التوالي، تظهر مسافة بيضاء واحدة بينها. يمكن أن يكون هذا مزعجًا بصريًا في بعض سيناريوهات التصميم. على الرغم من وجود العديد من الحلول، مثل فواصل الأسطر اليدوية أو تعليقات HTML، إلا أن هناك حلًا أنيقًا يستخدم CSS.

لإزالة المسافة البيضاء بين الصور بشكل فعال، استخدم خاصية CSS التالية:

img {
  display: block;
}

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