处理img造成的下边距的问题

之前我也遇到过img造成的边距问题，这里总结一下自己了解到的几种解决方案

1、设置 img 标签为块级元素 ：display：block

以下这种方式适合：

2、设置图片的垂直对齐方式

即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以解决。

如本例中增加一组CSS代码：“#ul > li >img {vertical-align:top;}”

3、设置父对象的属性

如果父对象的宽、高固定，图片大小随父对象而定，那么可以设置“overflow:hidden;”来解决。

如可以向父元素中添加以下代码：“width:88px;height:31px;overflow:hidden;”。