图片底部留白问题

294 阅读1分钟

原因:

  图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以就会出现上图的情况(图片底部出现一个小留白区域)

解决方法:

  第一种方法:将img的vertical-align设置为middle

  第二种方法:将img设为display:block

注意:input等输入框也会和图片类似的留边,处理方式如上;