解决div里面img图片下方有空白的问题，可以采取以下几种方法

1. 将img图片的display属性设置为block：

   • 方法：在CSS中为img元素设置display: block;。
   • 原理：图片默认的verticalalign是baseline，这会导致图片下方有一段空白。将图片设置为block元素可以消除这个空白。

2. 调整div的lineheight：

   • 方法：将div的lineheight设置得足够小，例如lineheight: 5px;。
   • 原理：通过减小行高，可以减少或消除图片下方的空白区域。

3. 将div的fontsize设置为0：

   • 方法：在CSS中为div元素设置fontsize: 0;。
   • 原理：将字体大小设置为0实际上也会改变行高，从而消除图片下方的空白。但需要注意的是，这种方法可能会影响div内其他文本元素的显示。

4. 改变img的verticalalign属性：

   • 方法：为img元素设置不同的verticalalign值，如verticalalign: middle;。
   • 原理：通过改变图片的垂直对齐方式，可以调整图片在div中的位置，从而可能消除或减少空白区域。但这种方法的效果可能因具体布局而异。

综上所述，选择哪种方法取决于具体的布局需求和样式要求。在实际开发中，可以根据具体情况灵活选择或组合使用以上方法。