图片底部多出3px原因
非原创 xiaofei 发表于:2018-11-10 09:18:58
  阅读 :122   收藏   编辑

产生原因:主要是因为图片的垂直对齐方式vertical-align引发的,默认值是baseline,默认为此值时图片下方就会多出3px。

解决方案:

1.将图片的垂直对齐方式vertical-align的值设置为bottom,就可以解决这个问题。

2.将图片display设置为block,并且指定width和height。

3.设置图片所在的容器元素和width和height与图片一样。